ActionScript 2.0 :: Parallax Scrolling And Easing Zoom In/out
May 12, 2005
i'm trying to make a site like this: [URL]
i managed to recreate the parallax scrolling but i cant recreate the smooth scrolling and the zooming in on certain areas in the movie. (the bees movie moves very smooth and mine is kind of 'twitchy' if you change direction with the mouse fast
notice the different zoom-in levels on the different layers and that the movie holds until the mouse leaves the button area... dont know how to do that.
attached is what i came up with so far. i unfortunately cant post the real file for its very heavy on the image side. 240kb.swf. if youre interested i'd post it somewhere for you to view.
I'm trying to make a site like this: [URL]. I managed to recreate the parallax scrolling but I cant recreate the smooth scrolling and the zooming in on certain areas in the movie. (the bees movie moves very smooth and mine is kind of 'twitchy' if you change direction with the mouse fast. Notice the different zoom-in levels on the different layers and that the movie holds until the mouse leaves the button area... dont know how to do that. Attached is what I came up with so far.
I've been working hard to achieve a parallax panning effect like the one seen here url... Unfortunately the closest i have come is url...Mine is rather choppy and doesn't provide the easing that Mauricio has included in his.[code]
My stage is 640x500px. My map is 1163x500px. The idea is that you can scroll in the stage by positioning the mouse at either the right or left side. Then the map would scroll right/left. Only place I found the scrolling effect is with following parallax scrolling tutorial: URL...The scrolling function is exactly what I have been looking for (just the scroll, not the parallax effect or the links), but when I create my own file and run it in CS4, it doesnt work. So I attempted to create my own version.[code]Since nothing actually happens when I play the movie, Im assuming Im doing it completely wrong.
I was wondering if anybody could show me how to achieve the Parallax scrolling effect like seen on here :[code] I literally just need it to work with 2 layers, a foreground and background.
I saw a websitethere is a parallax effect, when we click on the bottom links it goes to specific location or the specific point where the internal page is located.Actually I want to integrate this effect in my portfolio, Is there any tutorial or script like this?
I'm trying to put a Tween in here so it's less 'rude' when I roll over the bottom bar (interface).See the swf here:(Press Start, then one of the windows)Script:
Code: private function scrollMovement ( event:Event ):void {
I'm busy building a website in Flash AS3. I tried to create the same effect as [URL] (click on enter site) But my file is scrolling too far. So far that there's white. You also can drag it with your mouse to get the white background. And that's not what I want. Maybe I have to set a limit for scrolling or a stop() somewhere in a frame.. I only don't know where and how, and how to search google for tutorials.. This is a link to my file: [URL] And this is my AS3 Code:
I want to create a parallax scrolling effect using 3 PNG images that are 950px x 335px. One image is the foreground, another is the background and the third is the "middle" image. What I want to do is automatically scroll each image horizontally at different speeds, but I can't figure out how to do that using AS3. All the parallax examples I've seen so far requires the user to scroll the background using their mouse or keyboard, and that's not what I want to do. I want it to automatically start scrolling when the user loads the page.Can this be done with AS3? If so, can someone give me a script or tell me where to find one?
I'm working on a charity project that needs a parallax. I followed some tutorial and got the parallax and page zoom out working. The problem is I'm not sure how to stop the parallax from moving when I click on the MC pages on the map. They are marked as Village1 , 2 and 3. The pages AS3 scripts are under parallax-level3 MC. Attached are the current working files. [URL]
Has anyone got some nice clean code that; scrolls a movieClip left and right when the mouse is over the left or right part of the stage. When the movieClip comes close to the end, it should slow down rather than abruptly stop.Basically, I have a really wide movieclip full of pictures. I want the user to be able scroll through it by just moving the mouse left to right.
I'm having trouble with a scrolling portfolio type of movie that I've created. It contains a movieclip with thumbnails on it and a left and right button that scroll the thumbnails back and forth. It uses easing to move to each position. It also disables the buttons while the movieclip is scrolling to prevent throwing the movie off alignment. What I'm trying to accomplish is to give the scrolling feature endless scrollability. I have duplicated the slidebar to reposition whichever one necessary to be next in line as the user scrolls through. My code seems to be working but not very well. Sometimes I see one of the slidebars shoot accross the screen to it's correct position, sometimes you have to wait a couple seconds for it to move over. It's acting very quirky. I'll post the .
I'm having trouble with a scrolling portfolio type of movie that I've created. It contains a movieclip with thumbnails on it and a left and right button that scroll the thumbnails back and forth. It uses easing to move to each position. It also disables the buttons while the movieclip is scrolling to prevent throwing the movie off alignment. What I'm trying to accomplish is to give the scrolling feature endless scrollability. I have duplicated the slidebar to reposition whichever one necessary to be next in line as the user scrolls through. My code seems to be working but not very well. Sometimes I see one of the slidebars shoot accross the screen to it's correct position, sometimes you have to wait a couple seconds for it to move over.
Look at e.g. [URL]. When the site loads, the section in the middle contains a scrollbar that scrolls the text with easing. However, the scrollbar itself appears to be the scrollbar component from Flash itself. Is this something that is maybe readily available in MX 2004? Or should this be scripted manually?
I want to do a vertical scrolling movie clip with easing with buttons. No scroll bar. I have attached a sample I have done just using _y properties. Ideally I want it to ease to the right position instead of jumping to it.
I have an idea, making a scrollable map, that I wish to create as flash. Based on mouse movement I wish the map to scroll into new areas (sections of the map). I also wish for some objects within the map to be clickable, like little buttons. I could have it zoom via mouse press in there, but if that's too difficult please warn me now and I'll stick to the scroll.
Do you have any advice on this? I have searched through other threads, but none are exactly like this. Are there examples on the web that you know off hand?
I am having problem in Zoom with scrolling of background. I want like " There will be a huge background and pan with mouse. when we click on any area that particular area will zoom in and I have to capture that image. And one more thing , that background will contain animated movieclip. Ref:- [URL] In above reference you will find bg is simple bitmap with no scrolling..
im trying to create this custom menu a bit more efficiently. As written, it operates fine glitch free. However, id like to incorporate some easing into the movement of each movie clip.
I've built a code to cyclically move a scene on the bottom of my stage; I've done this to make a slowing-and-stop-easing effect at anytime the command will arrive. The entire scene mc is _x long something like 6000 px. The whole code goes in this way:
1) importing on the stage (with attachMovie) a mc with this code inside:
onClipEvent(enterFrame) { _parent._parent.fondo_mc._x -= countermovement; if (_parent._parent.fondo_mc._x <= -5800) {[code].....
The code goes right, but I need to improve it.Now there is just a variable, I tought to use two vars to implement the whole code in a setInterval, but maybe it's unuseful, and actually I can't use it in the right way.
Second issue: actually when slowAndStop function is called the scene slow too fast, if I take it to 15 it slow better but the scene is running too fast...
The best would be that the scene slow down and stop following: A) a temporal variable (and I can try to implement it with setInterval, that for istance is a cycle)
B) an indipendent moving variable, so that on one side I set the speed, on the other side I set the slow-and-stop in a matter of time with countermovement.I also tried to use a second variable:
var counter:Number = 15; // set the _x increment var countermovement:Number = counter/2;
I'm familiar with how to ease something in using motion math. Easing out would not be that bad either. But how would I script something easing in half way, then easing out the second half? It would start slow, gradually move faster, then slow to a stop at the end. - almost like a sine wave I guess?
I want to make a scope wich can zoom in on button click and go back to previous stage (zoom out) also by clicking a button.Now i made it work for zooming in (when i click my button it zooms) but when i want to zoom out everything i tried didn't work .Here is the code:
//button for zoom in zoom.addEventListener(MouseEvent.CLICK,glassMove); function glassMove(event:MouseEvent):void{[code]..............
i've made a button that zooms into a movie clip on a rollover, but it on moves it a certain amount each time you rollover the button. code below:
on (rollOver){ _root.Mypic._width += 5; _root.Mypic._height += 5;
} wot i want it to do is to continue zooming in for as long as the mouse is over the button, is there anyway i can change the code to zoom in at the same amount but do it continuously until the mouse is moved off the button. Also is there anyway that i can set it so that the zoom stops at a certain percentage, i.e. it only zooms in so much and then stops. What i mean is that the user can zoom in but the picture will only zoom in to say 200% of the original size.
I am working on flash application TELESCOPE or Camera. My goal is to move around the scene and zoom-in or zoom-out I found that if I move scene, I have to move registration point, because I always want to zoom in the centre of my ocular. So far application works fine only if I move, zoom-in and than before I move any further, zoom-out! But when I move, zoom-in (not fully), move again and zoom-in again, the second zooming doesn't appear on desirable registration point
I am adding "layer" objects to the stage with a depth value.
I have then created my own camera class. When I tell the camera to move to the right what Im actually doing is telling each layer object to move to the left.
The distance that the layer moved to the left is based on the value of its depth variable...
var fCameraDepth = 1; var fTan:Number = Math.tan( fCameraMovement / fCameraDepth ); oLayer.x += fTan * fLayerDepth
This works well and gives me a really nice parallax effect. The problem I'm having is that I want to be able to tell the camera to look at a movie clip on any layer but I'm having trouble figuring out how to convert the movie clips coordinates to the cameras depth.
Im trying something like this...
var fCameraDepth = 1; var fCameraPosition:Number = oCamera.x; // the layer will have a + or - x val compared to the camera so we
I am using the blitting technique that jeff from uses for creating tiles. I am trying to paint 2 layers of bitmapdata onto a bitmap. One the first layer is the background ( 1 image). and the second layer is the tiles. In that class below. the updateMap is the method that gets called in the loop to repaint the image.
