3D Rotate Tool Manual

Features

YoFLA

rotation in 360 degrees rotation in 3D zooming hot spots

zoomed image description with html content

nesting of zoomed images url regions

various options for controlling the rotation

custom preloader image easy to set up

Be creative with alternative usages:

step by step Instructions

ourney !iary

interactive "ap

si"ulate! panora"a

3D Rotate Tool Manual

The demo example
#$ ,pen the file -demo.rotateTool fla/

YoFLA

You can see the RotateTool component already in the library !fter you install the component" you may add it into any of your flash files #ust by dragging it from the components window $%trl&'() to the *ibrary $'++)

%$ Ta0e a loo0 on the code in the first frame $'1)

3$ %ompile $%trl&2nter) to see it wor03

&o!e e'plaine!: rotateTool.setLicense("www.yourdomain.com"); %hange this to the string you li0e The string will appear in the conte4t menu when somebody right clic0s the rotate tool movie on your web page 5et the same string in config 4ml $the licensedTo attribute)" otherwise the Yo'*! logo shows This setting does not apply for the free version which displays the Yo'*! logo always

rotateTool.setPath(path); This assures that you can set the path as e4ternal parameter 6sing it you can achieve having one rotatTool swf file handling all your presentations The e4ample shows specifying the path parameter using swf ob#ect 5pecify the path to the config 4ml file rotateTool.setTarget(_root); 7f you are embedding the rotate tool into your application" specify the targeting movie%lip 8lease note" that the targeting movie%lip must have a defined width and height $e g a dummy rectangle inside)

3D Rotate Tool Manual

Config file explained

YoFLA

Note: use the offline config utility to generate the config.xml. It produces a working config file which does not need to be edited. Edit the config.xml if you want customize your presentation such as rotation speed or preloader image. <?xml version="1.0" encoding="utf-8"?> <config> <application licensedTo = "www. ofla.com" - specif t!e same string as in t!e rotateTool.set"icense > command #does not appl for t!e free version$ <%application> <settings> <preloader image = "first" - preloader image. &pecif image num'er( image url or t!e string )first* for t!e same image as in rotation tag s!ow+la ,utton = "false" - s!ows t!e pla 'utton and does not pla t!e animation until t!e pla 'utton is pressed pre"oad-mages = "false" - if set to true( images start loading w!en t!e pla 'utton is displa ed. -f set to false( images start to load after t!e pla 'utton is pressed s!ow"oaded-mages="false" - s!ows loaded images during t!e loading process > <%preloader> <user-nterface s!ow+ause,utton = "false" - s!ows pla %pause 'utton s!ow.rrows = "true" - s!ows 'uttons for next%previous image default/ursor = "true" - turns on t!e default flas! !and cursor > <%user-nterface> <control drag&peed = "1" - )1* e0uals t!e same speed as t!e o'1ect rotates #w!at is set ' rotate+eriod attri'ute in t!e rotation tag$. 2ou ma increase t!e drag&peed ' setting it to e.g. )0.3* or ma4e it slower ' increasing t!e value. reverse5rag = "false" - if ou !ave ta4en t!e pictures in reversed order( t!is reverses t!e rotation disa'le5rag = "false" - if ou don6t wis! t!e users can control t!e rotation( set t!is attri'ute to )true* disa'le/lic4 = "false" - disa'les t!e pla %pause rotation on mouse clic4 ena'le&wing = "true" - ena'les t!e rotation in case users releases t!e mouse 'utton w!ile moving t!e mouse pla .fter5rag = "false" - forces rotation after mouse 'utton is released > <%control> <rotation first-mage="171" - define wit! w!ic! image t!e rotation starts rotate = "false" - start or cease rotation w!en all images are loaded rotate5irection = "-1" - reverses t!e rotation direction rotate+eriod = "7" - specif in seconds t!e duration of a rotation. 8loat values are also accepted auto9estart = "0" - auto restarts t!e rotation after defined time. &pecif in seconds. -f set to )0*( t!e rotation does not resume automatical . 'ounce = "false" - use t!is setting if ou !ave a p!otos of a product w!ic! does !ave not a view of all :;0 degrees. . water tap is a perfect example. > <fade9oation ena'led = "false" - ena'les fading t!e rotation alp!a<ew = "=0" - alp!aa value of t!e next image #will 'e increased$ alp!a&tep = "70" - t!e alp!a step wit! w!ic! t!e previous image fade out %> <multi5irectional - if t!is tag is present( full :5 rotation is na'led vertical&teps = "1=" - vertical steps !ori>ontal&teps = "1;" - !ori>ontal steps vertical5rag&peed = "0" - increase t!e value if ou need to decrease t!e vertical drag speed. 2ou specif t!e multipl of t!e #!ori>ontal$ drag&peed. traverse = "1" - set )1* or )-1*. -ncreases or decreases automatical t!e !ori>ontal level after all images in a !ori>ontal level are s!own. %> <%rotation>

3D Rotate Tool Manual

Config file explained (continued)
<defaults> <image 'ac4ground/olor = "888888" 'ac4ground.lp!a = "100" s!owTitle = "true" s!ow5escription = "false" s!rin4To8it = "false" >oomTo8it = "false" s!ow8rames = "true" pat! = "" > <%image> <frame widt! = "1@0" !eig!t = "80" s!owTitle = "true" > <'order t pe = "solid" widt! = "1" color = "880000" color7 = "0000.." %> <title

YoFLA

- -f image is smaller t!en t!e flas! movie and >oomTo8it is turned off( t!e 'ac4ground of t!e image !as t!is color. - t!e transparenc of t!e 'ac4ground( 0 for opa0ue - turns on%off t!e image title displa ed under t!e image ? applies onl to t!e >oomed images - !ides ' default t!e description of t!e >oomed image - s!rin4s larger images to fit rotateTool target6s movie si>e - >ooms smaler images to fit target6s movie si>e - turns on%off displa ing of t!e frames #>oom or url !ot spots$ - adds a pat! string after t!e pat! external parameter and 'efore t!e image src specified in t!e image tag default settings for t!e frame default widt! default !eig!t s!ows image title on frame mouse rollover default 'order data use solid or dou'le widt! of t!e frame color of t!e frame second color #applies if dou'le t pe is specified$

%> <%frame> <%defaults> <%settings> <images> <image src="imgs%planeD001.1pg" <image src="imgs%planeD007.1pg" <image src="imgs%planeD00:.1pg" <image src="imgs%planeD00@.1pg" <image src="imgs%planeD003.1pg" <image src="imgs%planeD00;.1pg" <image src="imgs%planeD00=.1pg" <image src="imgs%planeD008.1pg" .... .... .... <image src="imgs%planeD701.1pg" <image src="imgs%planeD707.1pg" <image src="imgs%planeD70:.1pg" <%images> <%config>

- image%Arl title defaults. -mage % Arl title displa s on frame mouse rollover 'ac4ground/olor = "ffff00" - 'ac4ground color of t!e title movie #image$ 'ac4ground/olorArl = "3333dd" - 'ac4ground color of t!e title movie #url$ color = "000000" - font color alp!a = "=3" - title movie transparenc >oom+refix = "BoomC " - >oomed image title prefix url+refix = "A9"C " - url title prefix

%> %> %> %> %> %> %> %>

%> %> %>

3D Rotate Tool Manual

Config file explained - the Image Tag
Enhancing the image tag you can add zoom and url regions (hot spots .

YoFLA

<image src="imgs%'enc!D1@.1pg"> <frames> <frame offsetE="103" offset2="103" s!owTitle="true" widt!="=0" !eig!t="30"> <'order t pe="solid" color="000088" widt!="1" %> <image src="imgs%details%'enc!Ddetail.1pg" title=",enc! detail"> <description> <FG/5.T.GT!is is a custom description for t!e >oomed image. T!e description can contain url lin4s li4e t!is oneC <a !ref="!ttpC%%www. ofla.com%flas!%:drotate%examples.p!p?example-d=1"><u>8ull :5 rotation example<%u><%a>.HH> <%description> <%image> <%frame> <frame offsetE="783" offset2="113" s!owTitle="true" widt!="=0" !eig!t="30"> <'order t pe="dou'le" %> <url src="!ttpC%%www.m server.com%" title="Iore 'enc!es on Joogle" target="D'lan4" %> <%frame> <%frames> <%image>

each image can have unlimited frames 7n this e4ample" there are two frames you can override any image" frame or border default parameter you can put other frames inside a nested image tag a frame can contain either an image or an url lin0 the description of the image must start and end with the %D!T! statement in order to use html code in the image description

3D Rotate Tool Manual

Offline Config Utility

YoFLA

This simple utility facilitates the creation of the config 4ml file 7t ta0es all images in a selected folder and creates an standard config 4ml file for you You can edit it further using your favorite te4t editor

The offline config utility is located in the -config>utility/ folder 7ts programed in @A 8ython and you can download the python source files from this site? http?..www yofla com.flash.3d>rotate.download php

Other tips
Ren!ering i"ages 9any 3D programs li0e 3D 5tudio 9a4 or %inema :D offer the option to e4port ;uic0time <R 7n the e4port settings you can define vertical and horizontal steps" #ust li0e in ours rotate tool=s config 4ml ,nce you view the ;uic0time <R mov file" use the player=s e4port option to e4port images for the flash>based rotate tool Ta(ing pictures 'or achieving nice pictures use a lightbo4" such as http?..www cubelite co u0. and a turntable More tips 6pdated tips can be found online at? http?..www yofla com.flash.3d>rotate.manual php

3D Rotate Tool Manual

Support information
Author: 9atus *aco &ontact e"ail a!!ress: infoByofla com Actual 3D Rotate Tool version: 303 Manual version an! !ate: version? + 3 date? CD D C00( url? http?..www yofla com.flash.3d>rotate.manual php

YoFLA

Credits
Motion Twin Action)cript &o"piler: http?..mtasc org. *clipse: http?..www eclipse org. A)DT: http?..asdt org. Bench Mo!el: http?..www turbosEuid com.5earch.7nde4 cfm.'use!ction.8rocess5mart5earch.ist7nc!uthor.scripter.bl!uthor24act.y +rg!ot pi'el ,onts: http?..www orgdot com.aliasfonts.

Other
Yo'*! com is not affiliated with !dobe 5ystems 7ncorporated" 65! !dobe 'lash is a registered trademar0 of !dobe 5ystems" 7nc in the 6nited 5tates of !merica and.or other countries