如何使用Parallax.js模拟运动?
我正在尝试用Parallax.js模拟运动,以测试改善其性能的方法。
但是,我如何在Parallax.js的originX
和originY
之间来回循环,以导致圆周运动的方式?
http://jsfiddle.net/frank_o/amvvkm9z/
伪代码:
var scene = $('#scene'); scene.imagesLoaded(function() { var circularMovement = [ [0,0], [0.5,0], [1,0], [1,0.5], [1,1], [0.5,1], [0,1], [0,0.5] ]; // Initiate Parallax scene.parallax({ originX: 0, originY: 1 }); circularMovement.each(function() { scene.parallax('origin', N, N); }); scene.masonry({ itemSelector: '.layer' }); });
HTML:
-
-
...