How this is done, simply amazing

General project discussion. NOT for help questions.
Post Reply
huyimin
Forum Members
Forum Members
Posts: 17
Joined: Sat May 17, 2008 11:38 pm

How this is done, simply amazing

Post 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!!
fgrace
Forum Members
Forum Members
Posts: 15
Joined: Mon Dec 15, 2008 8:35 pm

Re: How this is done, simply amazing

Post by fgrace »

Go to http://www.easypano.com/
I'm pretty sure they are using one of the products from that website
silence
New Member
New Member
Posts: 4
Joined: Sun May 17, 2009 4:22 am

Re: How this is done, simply amazing

Post 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
        }
            
    }
}
newagekat
Forum Members
Forum Members
Posts: 161
Joined: Mon Feb 06, 2006 6:06 pm

Re: How this is done, simply amazing

Post 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.
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm
Location: Comox Valley, BC

Re: How this is done, simply amazing

Post by Nullig »

The front and back links work for me. When I click on them the panorama changes appropriately.

Nullig
newagekat
Forum Members
Forum Members
Posts: 161
Joined: Mon Feb 06, 2006 6:06 pm

Re: How this is done, simply amazing

Post by newagekat »

Nullig:

thanks.  i guess i needed to clear cache.  it's always the little things.
Post Reply

Return to “General Discussion”