YoFLA Blog » Examples

3DRT Flexi 1.5.4 – new skin “Pure White”

Matus — Fri, 01 Jul 2011 15:01:45 +0000

I’ve added new skin Pure White. It is available only for customers who purchased a license. You can preview it here:

http://www.yofla.com/flash/3d-rotate/flexi/examples/example_skinpurewhite/

The skin is available in the 3DRT SetupUtility v.0.9.0, after it downloads the latest player files v 1.5.4.

Enjoy!

3DRT Flexi v.1.5.2 released

Matus — Thu, 28 Apr 2011 10:36:25 +0000

Just a tiny new feature added – an API call setLevel().

Using it you can create a color selector with the 3D Rotate Tool:

http://www.yofla.com/flash/3d-rotate/flexi/examples/example-colors/

3DRT Flexi: Buttons’ Tool Tip

Matus — Wed, 20 Apr 2011 05:13:12 +0000

I’ve programmed a simple tool tip “plugin” using which you can display an hint on button functionality when the user hovers it. You can preview and download the example here:

http://www.yofla.com/flash/3d-rotate/flexi/examples/example-tooltip/

The above page also contains instructions on how to implement it.

If I see there is demand, I might add this plugin into the core classes so it is available by default.

3DRT Flexi : using custom icons

Matus — Thu, 14 Apr 2011 08:16:01 +0000

Here you can find a tutorial on replacing the icons in the 3DRT Flexi:

http://www.yofla.com/wiki/flash:3d_rotate_tool_flexi:manual-customtheme

3DRT Flexi : Hotspot Example

Matus — Tue, 05 Apr 2011 05:22:29 +0000

The 3DRT Flexi Setup Utility v 0.8.0 and above supports adding hotspots:

Currently only the JavaScript hotspot type is supported. A JavaScript hotspot runs a custom function that you define. This way you can show e.g. a video or close-up image on hotspot click.

The Hotspot Id is your custom hotspot name.
The Hotsot title shows on mouse over. You can turn off this feature.
JavaScript function is the name of the function in the html page
JavaScript parameter is a custom parameter you can pass to the function

Before placing the hotspots, you must press “Initialize Images”. This will load all images from the folder you selected into the application.

Using the two arrows under the image you can switch to next/previus image.

You place the hotspt by draging and droping from the color rectangle area to the image. Once the hotspot is placed, you can use arrow keys on your keyboard to move it, or del key to delete it.

It is necessary to place (and adjust position) the hotspot in every image.

The “Cross” icon is only a placeholder. The actual hotspot shown in the player can be a custom movieclip, or one of the pre-defined shapes you can set in the Settigns->defaults tab:

If you choose a custom hotspot, you specify the class name of the Hotspot, as in the symbol properties windows in Adobe Flash (CS3 or above):
(The hotspot movieclip can be animated. You need to publish the .swf and replace the old one in the output folder with your customized version)

Currently, the 0.8.0 Setup Utility does not support specifying a custom hotspot class name for each hotspot. But you can specify it by editing the config.xml in your favourite text editor.

Example:

You can download and view an example here:
http://www.yofla.com/flash/3d-rotate/flexi/examples/example-hotspot/

Clicking on a hotspots launches a ShadowBox script which displays an image with Title.

This is an detail of the .xml file. The launchShadowbox function will be launched, with the parameter “detail.jpg|Title of the Hotspot Image”

This is the function which launches the shadowbox script:

If you have any questions when implementing hotspots into your presentation please let me know!

3DRT Flexi Shadowbox integration using Drupal

Matus — Thu, 20 Jan 2011 11:38:09 +0000

One of my customers had troubles integrating 3DRT Flexi into a Drupal site using ShadowBox, so I created an example here:

http://www.yofla.com/drupal/node/1

I think you can use the same approach also for an ohter CMS, e.g. Wordpress or Joomla.

3DRT Flexi 1.4.0 : Pre-release example

Matus — Mon, 17 Jan 2011 15:12:40 +0000

Version 1.4.0 is now available for download for PRO customers in the customers zone. The main new features are:

- support for multiple levels of rotation
- support for hotspots

An example using the 1.4.0 version can be seen here: http://www.yofla.com/flash/3d-rotate/flexi/examples/customization/sample/

Soon I will prepare an example for download and also add the 1.4.0 swf file and new options into the 3DRT Flexi Setup Utility.

3DRT Flexi : Custom theme

Matus — Wed, 29 Dec 2010 10:36:43 +0000

By replacing the button images with your own and modifying an actionscript file you can change the look of the 3D Rotate Tool Flexi theme. Example and download:

http://www.yofla.com/flash/3d-rotate/flexi/examples/skin_whitenoise-vertical/

3D Rotate Flexi CDN example

Matus — Tue, 30 Nov 2010 14:09:09 +0000

Using 3D Rotate Flexi you can load images form an other server, e.g. from a Content Deliver Network such as amazon AWS or RackspaceCloud Files. Here is an example with instructions how to setup the config.xml:

http://www.yofla.com/flash/3d-rotate/flexi/examples/cdn/

3DRT Flexi : 3D Showcase script

Matus — Mon, 08 Nov 2010 12:21:50 +0000

3D Showcase is a PHP script using which you can easily add product presentation just by uploading images. The script lists all product folders and you can select and view any of the product you uploaded.

Example:
http://www.yofla.com/flash/3d-rotate/flexi/examples/3dshowcase/

Screenshot:

Usage:
Upload the script via FTP to your server. Create a folder inside the data folder, e.g. product0123. Upload product images (.jpg, or .png) to the product0123 folder.

Download:
Full source codes are included. Download it from your customers zone: https://www.yofla.com/app/zone