New features in 3DRT Flexi v. 1.3.4
- option to define custom logo as external image
You can download the latest version of the tool in your customer/download zone or you can use the latest 3DRT Setup utility to output the presentation with latest rotateTool version.
You can view/download a custom logo example here: http://www.yofla.com/flash/3d-rotate/flexi/examples/example_customLogo/
Here is just a short post with example, how to integrate the 3D Rotate Tool into Joomla CMS. The example features also the JavaScript version of the 3D Rotate tool. If user visits the site using a mobile device, the 3D product gets displayed:
This example is done in a clean Joomla installation. It is possible that in your Joomla Site the JavaScript used in my example (loading of swfobject.js) might interfere with other JavaScript files your site is already loading. In this case you might need to delete the swfobject.js linkage and adjust the script accordingly (remove the JS version of the tool, or use an other technique to detect Flash plugin rather than swfobject.js , e.g. JQuery).
You can tell the rotateTool.swf movie which product to load using a JavaScript function. In this example you can click on thumb images to load an other 3d product:
View and download: http://www.yofla.com/flash/3d-rotate/flexi/examples/gallery/
Hotspot triggers a JavaScript function (with custom parameter) when it is clicked. You define the hotspot in the XML. Also in this example: custom movieClip is used for hotspot.
View/download: http://www.yofla.com/flash/3d-rotate/examples/example_javascriptHotspot/
I posted an example for full 3D Rotation. You can download the example files and see how it is built. It’s simple, you just specify the right values for vertical and horizontal steps.
View and download the example here:
http://www.yofla.com/flash/3d-rotate/examples.php?exampleId=multiple
Note: The swf is created with the PRO version, with domain-locking feature enabled.
This article is for everyone who is interested in building AS3 Flash CS3 based components.
Writing AS3 components for Flash maight be not so straightforward. The tutorial which helped me the most can be viewed here: http://www.flexiblefactory.co.uk/flexible/?p=16
A very complete, maybe too comprehensive resource on Flash AS3 components is on Adobe devnet: http://www.adobe.com/devnet/flash/articles/creating_as3_components.html It’s useful when you want to understand the whole process in detail.
The last article is not so complete as the first or the second tutorial, but can be helpful. It’s here: http://www.jumpeyecomponents.com/blog/2007/07/13/create-fla-components-for-flash-cs3/
FlexiZoomer Educational version
For those who need to build a Flash CS3 component I do recommend to follow the above posted tutorials. Some of the come with example files. If you follow the steps in the tutorials, you can create later components by your own. However it is very useful to take a look on a ready made component and compare how that comonent is built. For this reason I provide the source files of my FlexiZoomer component. I hope they help you learn how to build the flash components.
You can download the educational files here:
http://www.yofla.com/down/flexi-zoomer/FlexiZoomer-v1.1.0-Educational.zip
Please note, its a Educational license, if you want to use the FlexiZoomer in your website/project you need to use the Free version or the Pro/Enterprise/Developer version: http://www.yofla.com/flash/flexi-zoomer/download.php
The component is built with PureMVC (http://puremvc.org/), so it’s also a useful resource to see a PureMVC implementation.
A new tutorial on resizing a theme for the 3D Rotate Tool is available here: http://www.yofla.com/flash/3d-rotate/tutorials/blackDiamondResize.html
It is created using the great tool Wink: http://www.debugmode.com/wink/
Set of 3 examples show how to load the 3D Rotate Tool into another flash project.
Download:
http://www.yofla.com/down/3d-rotate/examples/example_loading.zip
Version 4.5.0 of the tool was released. There is one new feature and a minor update:
- vr object title and description: you can provide a title and a description of the 3d object
- option to disable rotation when a view is zoomed
Download here: http://www.yofla.com/flash/3d-rotate/download.php
Object info example:
You can download this example here:
http://www.yofla.com/down/3d-rotate/examples/example_objectInfo.zip
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)
With the new FlexiZoomer you can use JavaScript to update the zoomed image. Here is an example of a simple html gallery built with FlexiZoomer.
This might come handy if you run some online store and have more product images. With a simple javascript command you can update the zoomed iamge.
Click here to view the FlexiZoomer html gallery example.
The setNewImage() command can be called also in flash, so you can easily update the iamge also in a flash project.