Parallax Effect on Mouse Move

Get help using Construct 2

Post » Wed May 28, 2014 7:58 am

Hey Guys,

I need to make parallax effect on mouse move for my background image but I can't figure out how to do it.

I need to something like that http://www.rleonardi.com/tutorial-animation/

Is there anyone have a clue ? I really appreciate it, thank you.
Image
B
58
S
25
G
39
Posts: 449
Reputation: 23,723

Post » Wed May 28, 2014 8:32 am

A quick mock up of one possible solution (I can imagine, that there are even better ones, but hope this gives you an idea)
You do not have the required permissions to view the files attached to this post.
B
44
S
10
G
8
Posts: 437
Reputation: 6,463

Post » Wed May 28, 2014 9:20 am

Hey @Ubivis thanks for response, I try to make the mouse parallax as your example but it couldn't smooth as want I want.
Image
B
58
S
25
G
39
Posts: 449
Reputation: 23,723

Post » Wed May 28, 2014 9:31 am

can you upload your .capx? As said, mine is just a simple mock up with one of many possiblities on how to make this effect happen.

If you upload your .capx (if you don't want to share everything, just strip it down to the important stuff) and I can have a look and give proper advice. :)
B
44
S
10
G
8
Posts: 437
Reputation: 6,463

Post » Wed May 28, 2014 9:48 am

@Ubivis there are not much in capx :D but here:

parallax.capx


I try something but it didn't work too. Want I want is the background should smootly move horizontal as mouse move but slower than mouse. Like in my example link.

Your example is fine but it just works when mouse on middle of screen.

Thank you for helping.
You do not have the required permissions to view the files attached to this post.
Image
B
58
S
25
G
39
Posts: 449
Reputation: 23,723

Post » Wed May 28, 2014 10:18 am

do you really have to move the background? I would advice to make the layout bigger than the screen and use the scroll-to behaviour.

I tweaked your example a bit and like the result. Hope this helps.
You do not have the required permissions to view the files attached to this post.
B
44
S
10
G
8
Posts: 437
Reputation: 6,463

Post » Wed May 28, 2014 10:42 am

@Ubivis Thanks a lot! it really works for me.
Image
B
58
S
25
G
39
Posts: 449
Reputation: 23,723

Post » Wed May 28, 2014 10:48 am

welcome, I'm glad that this helped :)
B
44
S
10
G
8
Posts: 437
Reputation: 6,463


Return to How do I....?

Who is online

Users browsing this forum: vegapomme27, Yahoo [Bot] and 9 guests