With 3D rotateTool v.4.4.0 and above you can use any movieClip as a hotspot. In this example, two images were used for the two absolut positioned custom hotspots.
You can download the example here: example_customHotspots.zip
February 13, 2009
November 7, 2008
3D Rotate Tool v. 4.3.6 released
Version 4.3.6. of the tool was released. There are quite many updates:
- flash zoomer offset bug fixed (if rotateTool theme was at other position than 0,0)
- reverse pan option added (image pans left when mouse moves right)
- it is possible to have the zoombar in vertical orientation
- API functions added (sponsored by Greg Gillespie, Australia)
- stopRotation()
- startRotation()
- disableControls()
- enableControls()
- zoomOut()
- getActualImage()
- images in config.xml can have now a dynamic url as source specified
- option to define a “blank” hotspot added, wha t is useful for:
- event dispatched when a hotspot is clicked
Changelog: changelog.txt
New features samples:
1. Hotspot Event
Clicking an hotspot dispatches an event. Hotspot xml can be accessed in the listener function. Download the hotspot event example.
2. API functions
You can use commands to start/stop rotation or fetch the current displayed image id. Adding this commands was necessary for making an example like this: download the rotate tool multiple 2 example.
The development of the functionality in this example was sponsored by Greg Gillespie.
Existing Customers:
If you purchased the 3D Rotate Tool no more than 1 year ago (2 years for Enterprise Customers) you are eligible for a free update. Please reqest the update by email (provide your orderId or email used when purchasing the tool).
Comments Off
November 5, 2008
3D Rotate Tool : Resize video tutorial
Update: a better resize tutorial is now avaiable here: http://www.yofla.com/flash/3d-rotate/tutorials/blackDiamondResize.html
The design of the 3D Rotate tool allows to position the UI elements freely. The downside of this approach is that a swf published to a certain size can not be scaled using the width and height parameters in html code.
Watch this video tutorial which shows how the Deuter example was resized from 500×375px to 640×480 px size using Flash CS3. You can download the deuter backpack example here.
October 2, 2008
3D Rotate Tool : setImage() example
With 3D Rotate Tool v.4.3.5 you can make use of the new setImage() function. By calling it from your application you display any image of the Rotate Tool Image sequence. For now, only a “quick jump” functionality is implemented. Later a smooth “scroll” to the new image will be added.
Also in this example the rotateTool instance dispatches an event, after all images are loaded. When this happens, the buttons “show front” and ”show back” are displayed. You can use this event to trigger any other actions in your flash project.
You can download the example here: example_setImage.zip
Comments Off
3D Rotate Tool : transparency example
With 3D rotateTool v.4.3.5 and above you can use transparent swf files for your images:
You can download the example here: example_transparent.zip
Comments Off
August 26, 2008
3d Rotate Tool : new multiple example
Here’s another example how to use multiple 3d rotate models in one swf movie. In this example there are buttons at the bottom of the screen which you can press to display another color of the vintage Vespa scooter. Click on image to view and download example:
Comments Off
August 19, 2008
3D Rotate Tool : multiple instances example
Update: new multiple examples avaiable: Vespa Multiple Example (online example) and Vespla Multiple Advanced Example (direct link to archive).
You can embed the 3D Rotate tool into your flash projects easily. There are two approaches how to do it – using the timeline or using just ActionScript. Both examples are included in the sample file which can be downloaded here: example_multiple.zip.
Also you can test it right here, just push the “Select Product” drop-down menu:
Comments Off
August 13, 2008
3D Rotate Tool : introducing new “Large Image” feature
Today I’ve finised programming a new feature in the 3D Rotate Tool. What it does is that for every image you can define a “large image”. If the user zooms a view, the large image is loaded and displayed. Check it here:
You can download this example here: example_deuterZoom.zip
Comments Off
August 12, 2008
Integrating Cover Flow Script into Wordpress
Here is a simple walkthrough how to integrate this cover flow script into your wordpress blog:
First, upload the coverflow.swf, coverConfig.xml and coverFeed.xml to any folder, eg. I choose wp-content/uploads/2008/08.
Then create a new post. Push the “Show / hide the Kitchen Sink” button to show more buttons, then select the “Insert / edit embedded media” button.
A dialog appears:
Choose Flash media type, provide path to the uploaded coverflow.swf and enter your desired width and height. Select the advanced tab:
Fill in id and name if desired. The important options are the Scale and Salign options. Set them to noscale and Top left as in the image. Also the Flashvars are important: here you provide the path to the coverConfig and coverFeed.xml. In my case I have entered this value:
coverConfig=/wp-content/uploads/2008/08/coverConfig.xml&coverFeed=/wp-content/uploads/2008/08/coverFeed.xml
Thats it! Ofcourse, don’t forget also to upload images and set correct image paths coverConfig and coverFeed xmll files.
Cover Flow Script
New flash script is avaiable at http://www.yofla.com/flash/cover-flow/ It is a mac or iTunes like cover flow script, customizable via xml file. For more details please visit the product page.