I have two simple view and if is possible I would like to make fade in effect when I switch from one to another.
How can I do?
fadein fadeout with two view
-
-
Check the loadpano documentation. There are options for transistions.
-
I've found onle BLEND, but don't work.
Can you tell me the right command, please?
-
something like:
Code
Display More<hotspot name="spot1" style="hotspot_ani_white" ath="40" atv="10.9" onclick="lookto(40, 10, 20, smooth(45,45,60)); loadscene(scene_alberto, null, MERGE, BLEND(2)); lookat(0, 0, 58); wait(LOAD); oninterrupt(break); wait(BLEND); lookto(30, 8, 97, smooth(45,45,60)); " />
or
or
Code
Display More<action name="moveto3"> action(startloading); looktohotspot(hs7,30,smooth(60,60,60)); action(load3); lookat(80,0,55); oninterrupt( action(lookinterrupt) ); wait(load); wait(blend); lookto(-124,0,50, smooth(25,25,25)); action(loadingdone); </action>
you can also search on the forum!!
Must be tons of info ... and check tour codes from othersTuur
-
Sorry, but I don't understand how i should modify my xml.
I'm new with krpano, so sorry.
Code
Display More<krpano version="1.0.8" onstart="startup();"> <action name="startup"> <!-- load the first scene --> loadscene(get(scene[0].name), null, MERGE); <!-- build the thumbnails (remove the next line to remove the thumbnails) --> buildthumbs(); </action> <!-- disable the progress bar --> <progress showload="none" showwait="none" /> <scene name="pano1" title="" onstart="" thumburl="pano1.tiles/thumb.jpg"> <view hlookat="50" vlookat="25" fovtype="MFOV" fov="120" fovmin="100" fovmax="120" /> <preview url="pano1.tiles/preview.jpg" /> <image type="CUBE"> <left url="pano1.tiles/mobile_l.jpg" /> <front url="pano1.tiles/mobile_f.jpg" /> <right url="pano1.tiles/mobile_r.jpg" /> <back url="pano1.tiles/mobile_b.jpg" /> <up url="pano1.tiles/mobile_u.jpg" /> <down url="pano1.tiles/mobile_d.jpg" /> <mobile> <left url="pano1.tiles/mobile_l.jpg" /> <front url="pano1.tiles/mobile_f.jpg" /> <right url="pano1.tiles/mobile_r.jpg" /> <back url="pano1.tiles/mobile_b.jpg" /> <up url="pano1.tiles/mobile_u.jpg" /> <down url="pano1.tiles/mobile_d.jpg" /> </mobile> </image> </scene> <scene name="pano2" title="" onstart="" thumburl="pano2.tiles/thumb.jpg"> <view hlookat="-47" vlookat="13" fovtype="MFOV" fov="120" fovmin="100" fovmax="120" /> <preview url="pano2.tiles/preview.jpg" /> <image type="CUBE"> <left url="pano2.tiles/mobile_l.jpg" /> <front url="pano2.tiles/mobile_f.jpg" /> <right url="pano2.tiles/mobile_r.jpg" /> <back url="pano2.tiles/mobile_b.jpg" /> <up url="pano2.tiles/mobile_u.jpg" /> <down url="pano2.tiles/mobile_d.jpg" /> <mobile> <left url="pano2.tiles/mobile_l.jpg" /> <front url="pano2.tiles/mobile_f.jpg" /> <right url="pano2.tiles/mobile_r.jpg" /> <back url="pano2.tiles/mobile_b.jpg" /> <up url="pano2.tiles/mobile_u.jpg" /> <down url="pano2.tiles/mobile_d.jpg" /> </mobile> </image> </scene> <!-- actions --> <!-- thumbnail actions begin (remove the 'buildthumbs()' call in the onstart event to remove the thumbs) --> <action name="buildthumbs"> if(%1 != NEXT, set(i,0)); if(i LT scene.count, copy(thumb, scene[get(i)].thumburl); txtadd(thumbname,'thumb_',get(i)); addplugin(get(thumbname)); set(plugin[get(thumbname)].url, get(thumb)); set(plugin[get(thumbname)].keep, true); set(plugin[get(thumbname)].align, leftbottom); set(plugin[get(thumbname)].width, 40); set(plugin[get(thumbname)].height, 40); set(plugin[get(thumbname)].x, 10); set(plugin[get(thumbname)].y, 10); mul(plugin[get(thumbname)].x, i,3); mul(plugin[get(thumbname)].y, i,3); add(plugin[get(thumbname)].x, 5); add(plugin[get(thumbname)].y, 5); copy(plugin[get(thumbname)].xsmall, plugin[get(thumbname)].x); copy(plugin[get(thumbname)].ysmall, plugin[get(thumbname)].y); add(plugin[get(thumbname)].zorder, 100, i); set(plugin[get(thumbname)].effect,glow(0xFFFFFF,1.0,2,10000)); set(plugin[get(thumbname)].jsborder,'1px solid #FFFFFF'); copy(plugin[get(thumbname)].thumbpos, i); set(plugin[get(thumbname)].linkedscene, get(scene[get(i)].name) ); set(plugin[get(thumbname)].onclick, openthumbs() ); inc(i); buildthumbs(NEXT); ); </action> <action name="openthumb"> if(%2 != NEXT, set(pos,0); copy(curpos, plugin[%1].thumbpos); set(xdst, 0); set(ydst, 0); ); if(pos LT curpos, inc(pos); inc(ydst,90); sub(ymax, stageheight, 100); if(ydst GT ymax, inc(xdst,90);set(ydst,0); ); openthumb(%1,NEXT); , add(xdst,10); add(ydst,10); tween(plugin[%1].x, get(xdst) ); tween(plugin[%1].y, get(ydst) ); tween(plugin[%1].width, 80); tween(plugin[%1].height, 80); ); </action> <action name="closethumb"> tween(plugin[%1].x, get(plugin[%1].xsmall)); tween(plugin[%1].y, get(plugin[%1].ysmall)); tween(plugin[%1].width, 40); tween(plugin[%1].height, 40); </action> <action name="openthumbs"> if(%1 != NEXT, set(i,0); set(events.onclick, set(events.onclick,null); delayedcall(0.1, closethumbs() ); ); ); if(i LT scene.count, txtadd(thumbname,'thumb_',get(i)); openthumb(get(thumbname)); set(plugin[get(thumbname)].onclick, set(events.onclick,null); closethumbs(); loadscene(get(linkedscene),null,MERGE|KEEPVIEW,BLEND(5)); ); inc(i); openthumbs(NEXT); ); </action> <action name="closethumbs"> if(%1 != NEXT, set(i,0)); if(i LT scene.count, txtadd(thumbname,'thumb_',get(i)); closethumb(get(thumbname)); set(plugin[get(thumbname)].onclick, openthumbs() ); inc(i); closethumbs(NEXT); ); </action> <!-- thumbnail actions end --> </krpano>
-
-
it is possible that the problem is the images are too heavy?
What size images should be for iPad?
And if I make a preload how can I do it? -
Sorry but fade in fade out does not work on iPad and Iphones.
Its is not a real fading but it is faked by loading the 2 blurry previews while loading the full resolution.
If you use the VMake Tour tools you get it automatically.iPad and iPhone 4 cubefaces should not be more than 1024x1024 which is the default in the Tools if you use the tablet images.
It can also be done by using multi tiling and choosing 512 tiles with for example 3 levels and max 2048.
You will then get 512 tiles for iPhone 3 and 2x2 512=1024 for the iPad/iPhone Desktops and Android flash can also load the 4x4 = 2048 cubeface.The loading will look a little different with this option.
Hans
-
Thank you, using the tools I get a good result.
With the preload of the images would be better?
If yes, how could I do? -
Get a faster server and connection. Preloading can not be done on iPad.
Hans
-
there might be a way to tween the alpha on the cube faces to 0 then load the new faces at alpha 0 and fade them back in i know this would work in flash but i do not know how tweening alpha reacts on idevices. there is a before and after example somewhere using a slider. slide it back and forth and 2 sets of cube faces fade in and out. what ever action fades out the faces could be used to start transition, then load new faces, problem is i do not know if you can load the faces at alpha zero at least not as faces. they could be created using hotspots then loading them with alpha 0 would be possible. using that as the base code it could be modified to do what you are looking to do, i just do not have the time to figure the code out myself. this could be done somehow, someway for sure in flash but maybe not idevices.
Participate now!
Don’t have an account yet? Register yourself now and be a part of our community!