Comments on: Simple AS3 Parallax System Engine

By: Julius

Julius — Wed, 16 Nov 2011 03:10:18 +0000

Hi Lex. Great class!

Was just wondering, how do you make the easing effect to ‘ease in’ instead of ‘ease out’ (default)?
It’s a bit hard to scroll to the last object when the stage’s width is huge.

Thanks.

By: Lex

Lex — Sun, 09 Oct 2011 18:13:11 +0000

Steven — this is released under a use-as-is-within-anything-you’d-like license. Feel free to use it within any commercial or personal work you’d like. There are numerous versions of this type of code on the web, so, it’s not a big enough of secret for me to have to license for use.

By: Özgür

Özgür — Mon, 03 Oct 2011 00:19:46 +0000

Hi lex. Thanks for the class.

I have an issue with my project using your class. When I add some moveClip including shape tween all the items disappear in a snap. How can i fix this?

Thanx

By: Steven

Steven — Fri, 12 Aug 2011 18:09:04 +0000

Is there any type of license for this?
I would like to use this in a game I’m creating for kids.

Thanks
Steven

By: Emmanuel

Emmanuel — Sat, 23 Jul 2011 07:19:45 +0000

Hi. In that 3 am using 3 effect. My problem is am changing width and height to 2400 effect is working properly, but the thing while am moving the mouse the y axis is not working properly.

By: Benny

Benny — Mon, 13 Jun 2011 15:01:12 +0000

Very cool class! Is it possible to let the slider move (x) based on keypress? For example left and right for letting a character walk in a platform game.

By: Simple AS3 Parallax System Engine « Geek Devigner

Simple AS3 Parallax System Engine « Geek Devigner — Sat, 09 Apr 2011 23:26:18 +0000

[...] via Simple AS3 Parallax System Engine. [...]

By: Patric Jonsson

Patric Jonsson — Thu, 17 Feb 2011 07:13:17 +0000

Hi Lex. I´ve trying out your parallax engine and been thinking of modifying it a bit implementing GTween. Would you like me to share my progress?

By: Christina

Christina — Sat, 05 Feb 2011 01:19:49 +0000

Hi, I have been looking for something like this.
I’m trying to do a website and I have to do the same
with an image that is about 2400px wide.
I have found similar stuff but I need AS3 and can’t seem to find
anything that is easy to understand.

All I need is the image to scroll with mouse movement.
I’d really appreciate your help

Thanks
Christina

By: A.

A. — Tue, 21 Dec 2010 23:34:50 +0000

when using it on a width=100% site, and resizing the the browser window the mask doesn’t change, maybe you could expose the width/height to be changed on resize or through a function.

in my case, the quick fix was to _mask public and not protected and set its width/height from the parent.

besides it works great, thanks!

By: James Gilbert

James Gilbert — Fri, 29 Oct 2010 01:29:09 +0000

is there any way to ‘force’ the engine to move the plates correctly before the mouse enters the hit area?
in my demo the hit area doesn’t take up the whole stage width, and before the mouse enters
the object appear to the far left of screen.
thanks!

1
2
3
4
5
6
7
8
9
10

_parallaxEngine = new ParallaxEngine(movementArea_mc.width, movementArea_mc.height, 0.09, ParallaxEngine.X_AXIS);
_parallaxEngine.name = "parallaxEngine";

_parallaxEngine.addPlate(cloudsLayer4_mc);
_parallaxEngine.addPlate(cloudsLayer1_mc);
_parallaxEngine.x = movementArea_mc.x;
_parallaxEngine.y = movementArea_mc.y;

this.addChild(_parallaxEngine);
_parallaxEngine.start();

By: wholeo

wholeo — Wed, 21 Jul 2010 14:52:28 +0000

Fetching the coordinates also works, but not as smooth.
something similar to this, with an eventListener…

1
2
3

public function getX(plateNum:Number):Number{
return _plates[plateNum].x;
}

By: Lex

Lex — Mon, 19 Jul 2010 18:55:57 +0000

Yeah, you’ll have to modify/hack the system to hardcode the width and height of your plates. In the ParallaxEngine.as file, there is a public method addPlate(); You’ll see displayobj.width / displayobj.height, you’ll need to manually set those — maybe you set up that addPlate method to accept two more arguments, a hardcoded width and height like addPlate(yourObj, objW, objH), and use those in place of displayobj.width/height. Hope this helps.

By: wholeo

wholeo — Mon, 19 Jul 2010 18:51:02 +0000

The setup I’m working on requires *animation.
Is there a way to give the system predefined dimensions? i.e 1000 x 1000
Or maybe I can fetch the X & Y coordinates, then align my animations MC.?

By: Lex

Lex — Mon, 19 Jul 2010 18:17:43 +0000

You can add buttons to the plates, you just have to be sure that your plates don’t have transparent backgrounds (a transparent png)—if they do, and they’re above the plate with the buttons, then you’re cursor will be blocked from interacting with the buttons on the lower plate. You should be able to play around with mouseChildren and mouseEnabled to allow your cursor to access buttons on a lower plate. As far as it breaking your app, I’m guessing it’s the way you’ve implemented it. I’m not sure how it could ‘break’ your app. Here is an version with buttons working, see the bottom most example when publishing the swf—the button code is in the Doc.as file: http://lextalkington.com/blog/flash/parallax_with_buttons.zip

As far as animated clips, those may make it work strange. The system gets the width/height of each plate to determine where to stop a plate when it reaches an edge. If there is an animated clip in there, the first frame of that clip will be different than later frames, so the system won’t be able to determine an accurate width/height.

By: wholeo

wholeo — Mon, 19 Jul 2010 16:04:40 +0000

Can you add buttons and animated MC’s to the plates?
This seems to be breaking my app. Any suggestions on how to resolve this issue? Please feel free to contact me.

By: Edd

Edd — Thu, 15 Jul 2010 13:31:05 +0000

sweet!

By: TheCosmonaut

TheCosmonaut — Thu, 10 Jun 2010 03:56:11 +0000

Awesome class, easy to use, zero problems. Love it!

By: Lex

Lex — Mon, 07 Jun 2010 21:02:09 +0000

Glad to hear it’s working!

By: Ben

Ben — Mon, 07 Jun 2010 20:15:33 +0000

nevermind! got it to work I assumed that because I was putting png’s into my layers with transparent areas, that they wouldn’t block layers below. thanks for posting this project – it rocks