什么是一鏡到底
一鏡到底，是指拍攝中沒有cut情況，運用一定技巧將作品一次性拍攝完成。
表現(xiàn)形式
畫中畫（例如：網(wǎng)易-《娛樂畫傳》，?縮放同時平移）
時空穿梭（例如：天貓-《穿越時空的邀請函》，?以中心縮放）
滾動動畫（例如：網(wǎng)易-《愛的形狀》，平移為主，期間播放其他動畫）
視頻（例如：世界名畫去巴黎）
實現(xiàn)方法
滾動、長按、自動播放
技術需求
繪制畫面：這里我們一般選用基于canvas的庫，性能會更好，也方便實現(xiàn)效果。（如CreateJs、PixiJs、Egret等如性能要求不高的話 可以使用ScrollMagic）
添加動畫：其中包括過渡、幀動畫，因此需要一個動畫庫。（如?TweenMax等）
進度控制：要實現(xiàn)通過用戶操作，來控制整個H5的前進、后退、暫停等，我們會需要進度控制相關的庫。（如TimelineMax）
用戶操作：一鏡到底的H5一般都需要用戶操作以“播放”，按住或滑動，按住比較簡單，用原生事件實現(xiàn)就好，滑動相對復雜一點，涉及阻尼運動，因此需要一個滑動相關的庫。（如?AlloyTouch，iscroll等）
我選用了Pixi.js、TweenMax、iscroll這幾個庫封裝 storyScroll?實現(xiàn)通用的一鏡到底。
示例項目
參考資源：
