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.