Parallax effect animated by Accelerometer

parallax

#1

Hi Everybody,
Has someone tried to animate something using accelerometer like in this tutorial for Edge Animate?
http://www.adobe.com/devnet/digitalpublishingsuite/articles/accelerometer-driven-animations-using-adobe-edge.html

Thanks


(𝕄𝕚𝕔𝕙𝕒𝕖𝕝 𝔾𝕒𝕣𝕠𝕗𝕒𝕝𝕠) #2

I don’t use Adobe Edge Animate, but I have used accelerometer data in a Hype project.

Also, the “Control gravity with device tilt” is likely using accelerometer data.


#3

Hi Michael,
can you please attach here a project with a accelerometer connection?
so I’ll try to create a parallax effect moving in different direction multiple backgrounds.

Could be helpful for everybody to have this kind of project as example, because the parallax effect with accelerometer is very common on mobiles ads

Thanks!


(𝕄𝕚𝕔𝕙𝕒𝕖𝕝 𝔾𝕒𝕣𝕠𝕗𝕒𝕝𝕠) #4

The project I created is part of an unreleased App. It’s not for posting. An Internet search for “DeviceMotion Events” is a good starting point.


#5

hi… im noobs… i also searching for this… parallax effect controlled by accelerometer thingy…

i found simple solution… (and noob)
for parallax going to work you need at least 3 photo… (1 big background, middle photo, and foreground image)
you just need to create 3 symbols, and each inside of it you just add “Physics” full physics body. (symbols need so the image don’t make collusion)
dont forget to add some “walls” (using 4 rectangle on left-right-top-bottom with 0 opacity) in each of the symbols… ism.hype.zip (118.3 KB)


Emulate 3D Backgrounds in Hype + Mobile Device
#6

I like share an example of parallax and swing ad, connected with the gyroscope.
It’s responsive for ipad and iphone portrait.
Enjoy it.

forset.hype.zip (373.5 KB)