New Feature: Absolute Hotspots
The 3DRT Setup Utility 1.3.7 and Flash player files 1.7.8 support now an “absolute hotspot” feature:
Manual on how to implement: http://www.yofla.com/wiki/360_product_rotation:manual:using_absolute_hotspots
The Absolute hotspots are supported currently only in the Flash version (JS support is planned)
3DRT Setup Utility 1.3.5 Released
Change log:
- Magnifier Mode support added
- Reverse vertical drag option added
- minor bug fixes
New Feature – Magnifier Mode
When you enable the magnifier mode, an magnifying glass is shown over the image. You can specify the size of the magnifier and the background color (usually white or black).
Notes:
- The “regular” zooming features are disabled when magnifier mode is enabled
- The option “Include original images for Hi-Res zoom” needs to be enabled
- Player files version 1.7.4 (flash version) are reqired
- Not yet implemented in the JavaScript version
Magnifier mode example:
Download this example as 3DRT Setup Utility project:
MagnifierExample.y3p
How to enable Magnifier Mode in the 3DRT Setup Utility:
In Advanced Settings -> Player -> UI check the Magnifier Mode checkbox.
3DRT Setup Utility 1.3.4 Released
New features:
- Option to add custom templates. See short manual on wiki.
New Feature – Custom Html Templates
This feature comes handy if you want to customize the index.html output. E.g. if you need a template with your company logo, company colors etc.
3DRT Flexi 1.5.4 – new skin “Pure White”
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
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 JavaScript v.0.0.5 released
Today I updated the JavaScript for 3DRT product rotation tool. It’s a small change, just a Play/Pause button + browser support for mouse rotation (before, in browser you could only start/stop rotation) with mouse click.
You can preview the script here: http://www.yofla.com/flash/3d-rotate/javascript/
The update will be downloaded automatically by your 3DRT Setup Utility.
3DRT Flexi: Buttons’ Tool Tip
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
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
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: v 1.5.0 released
Main new features:
- full 3d rotation
- hotspots
Full 3D Rotation
Specify vertical and horizontal steps in the SetupUtility (or directly in config.xml)”
Horizotnal steps:
- is the same value as when having one level rotation. E.g.: 16 for when there are 16 views per one level
Vertical steps:
- is the number of vertical levels. E.g. set 9 if you moved the camera 9 times in up/down direction
Example:
There are 18 horizontal images of the car, in 9 vertical levels:
(you can download sample images here: http://www.yofla.com/down/3d-rotate/images/car3d.zip)
Hotspot example soon available.