Jonah Bitautas

Mobile Parallax Prototype (Remix)

  • Save
Mobile Parallax Prototype (Remix) freebie interaction design parallax mobile ios framerjs framer app

TRY THIS ON YOUR DEVICE :)

Functional prototype (with code) built in Framer.js that uses HTML5 device motion to show subtle parallax effect on a real device. Interaction faked on desktop by using mouse. Originally written by Cemre Güngör.

Project Link w/ prototype + code: http://bit.ly/1JtO9lb

Note: This was ported to run in latest Framer Studio build v.1.11.83 (942) from Cemre Güngör's original prototype: https://medium.com/@gem_ray/prototyping-with-the-motion-sensor-using-framer-js-d3f4811c36d6

*** FIXES ***
- Updated codebase to CoffeeScript
- Tweaked animation values
- Fixed "jittering" issue on desktop in-browser (Reference: http://codepen.io/cemre/pen/GoatK/)

keyboard shortcuts: L or F like