August 26, 2010

Joomla Integration Example

Filed under: 3D Rotate Flexi, 3D Rotate JavaScript, Examples — Matus @ 10:40 am

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:

http://www.yofla.com/joomla/index.php?option=com_content&view=article&id=1:3d-rotate-flexi-embed-test

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).

March 16, 2010

3D Rotate Flexi : HTML Gallery

Filed under: 3D Rotate Flexi, Examples — Matus @ 7:14 pm

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/

3D Rotate Tool : JavaScript Hotspot Example

Filed under: 3D Rotate Tool, Examples — Matus @ 3:02 pm

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/

October 9, 2009

3DRT : Full 3D Example

Filed under: 3D Rotate Tool, Examples — Matus @ 10:21 pm

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.

August 7, 2009

Build Flash CS3 Components with FlexiZoomer

Filed under: Examples, FlexiZoomer — Matus @ 4:00 pm

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.

June 8, 2009

3D Rotate Tool: Resize Tutorial

Filed under: 3D Rotate Tool, Examples — Matus @ 3:41 pm

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/

April 3, 2009

3D Rotate Tool : Loading Example

Filed under: 3D Rotate Tool, Examples — Matus @ 1:33 pm

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

March 20, 2009

3D Rotate Tool v. 4.5.0 released

Filed under: 3D Rotate Tool, Examples, Software updates — Matus @ 9:04 pm

 

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)

February 14, 2009

FlexiZoomer : Gallery Example

Filed under: Examples, FlexiZoomer — Matus @ 4:07 pm

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.

February 13, 2009

3D Rotate : custom hotspots example

Filed under: 3D Rotate Tool, Examples — Matus @ 1:12 pm

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

Older Posts »