Question

Eeepad transformer prime

XPS UltraBook

I want to learn how to get these effect done and tie in video playback/Image swapping? with the scroll progression.

I am guessing they are using SVG for all the moving images and Canvas for objects with no momentum such as sparkling animations etc.

Answer 1

Here they are… it’s using jQuery and some scrolling animations.

<script src="/html/eeepad/js/libs/pack.js"></script>
<script src="/html/eeepad/js/libs/jquery.ytplayer.js"></script>
<script src="/html/eeepad/js/albertlan/custompagescroll.js"></script>
<script src="/html/eeepad/js/albertlan/scrollanimate.js"></script>
<script src="/html/eeepad/js/common.js"></script>
<script src="/html/eeepad/js/transformer-prime.js"></script>

Call me a fanboy if you will, but I think a simple, uniform interface and minimalistic design trumps overcomplicated scrolling animations in your face: http://www.apple.com/ipad/