Page 1 of 1
How this is done, simply amazing
Posted: Mon May 18, 2009 11:23 am
by huyimin
I've just viewed some CMSMS showcases and find out this site:
http://www.cobbly.com/1-Bedroom.html
has very cool Virtual Tour effects,the pics can spinning as user click the buttons,
can anyone tell me how this is done? thanks!!
Re: How this is done, simply amazing
Posted: Mon May 18, 2009 12:39 pm
by fgrace
Go to
http://www.easypano.com/
I'm pretty sure they are using one of the products from that website
Re: How this is done, simply amazing
Posted: Tue May 19, 2009 9:27 pm
by silence
It can be done with flash and actionscript... if your not into flash... there are companies that sell a premade solution, as fgrace mentioned....
Basically stitching a big image together then including some actionscript mouse-movement based controls.....
HERES SOME AS For you, this is some code to a panoramic:
Code: Select all
//I attach to the stage two instances of a clip called pano, which contains all my thumbnails
_root.attachMovie("pano","pano1",1)
_root.attachMovie("pano","pano2",2)
//I have two clips on stage called mask1 and mask2 which will mask
//the clips pano1 and pano2. I couldn't find a way to use one mask for two clips, so I used two masks
half=mask1._width/2
speedreducer=50
stagewidth=1020
deceleration=0.9
pano1._x=0
pano2._x=pano1._x+pano1._width
pano1._y=pano2._y=_root.mask1._y
_root.pano1.setMask(mask1)
_root.pano2.setMask(mask2)
//after realizing that "onRollOver" function doesn't work for my purposes (because it blocked all other rollOver actions on the thumbnails)
// I decided to use hitTest, which is more practical, in my opinion.
_root.onEnterFrame=function(){
if (mask1.hitTest( _root._xmouse, _root._ymouse, false)){
posmouse=_xmouse-half
posactual=pano1._x
// the trouble was here: unless I use the "Math.round" method, the clips would move inconsistently
pano1._x-=Math.round(posmouse/speedreducer)
pano2._x-=Math.round(posmouse/speedreducer)
posnew=pano1._x
vel=Math.abs(posnew-posactual)
if(posmouse<0){
if(pano1._x>stagewidth){
pano1._x=pano2._x-pano2._width
}
if(pano2._x>stagewidth){
pano2._x=pano1._x-pano1._width
}
}
else if(posmouse>0){
if(pano1._x<0){
pano2._x=pano1._x+pano1._width
}
if(pano2._x<0){
pano1._x=pano2._x+pano2._width
}
}
}
//If the mouse is outside the masks area and the clips are still moving, they will decelerate little by little
else {
if(vel>0){
posmouse=_xmouse-half
if(posmouse<0){
pano1._x+=vel
pano2._x+=vel
if(pano1._x>stagewidth){
pano1._x=pano2._x-pano2._width
}
if(pano2._x>stagewidth){
pano2._x=pano1._x-pano1._width
}
}
else if(posmouse>0){
pano1._x-=vel
pano2._x-=vel
if(pano1._x<0){
pano2._x=pano1._x+pano1._width
}
if(pano2._x<0){
pano1._x=pano2._x+pano2._width
}
}
vel-=deceleration
}
}
}
Re: How this is done, simply amazing
Posted: Tue May 25, 2010 7:10 pm
by newagekat
Hi:
I'm in a bit of a pickle. Maybe one of you wise ones can help me out.
I'm using cmsms v1.6.6 for a client site. i want to showcase a panorama file called front.swf on the site. This i have done and working. The file has a several hotspots; most to external URLs and one to a secondary swf file call back.swf.
I'm using Ajax tabs to showcase multiple contents and i'm calling the content using {global_content} blocks. Both front.swf and back.swf are uploaded to /uploads/video/ I had the file provider ensure that the path to the secondary swf file is absolute to be on the safe side. I believe he's using one of the products from Garden Gnome
http://gardengnomesoftware.com/. Everything works except the loading of the second swf. I tested using the html file supplied, and the load works here, but not in cmsms.
Does anyone have an idea of what I need to add?
you can view the site here
http://dream-cycle.com/test.php
Karma points for anyone who can figure this out. Your assistance is much appreciated. thank you.
Re: How this is done, simply amazing
Posted: Tue May 25, 2010 7:19 pm
by Nullig
The front and back links work for me. When I click on them the panorama changes appropriately.
Nullig
Re: How this is done, simply amazing
Posted: Tue May 25, 2010 7:26 pm
by newagekat
Nullig:
thanks. i guess i needed to clear cache. it's always the little things.