什么是一鏡到底
一鏡到底，是指拍攝中沒有cut情況步悠，運(yùn)用一定技巧將作品一次性拍攝完成欣簇。
表現(xiàn)形式
畫中畫（例如：網(wǎng)易-《娛樂畫傳》，?縮放同時(shí)平移）
時(shí)空穿梭（例如：天貓-《穿越時(shí)空的邀請函》翘狱，?以中心縮放）
滾動(dòng)動(dòng)畫（例如：網(wǎng)易-《愛的形狀》趋翻，平移為主，期間播放其他動(dòng)畫）
視頻（例如：世界名畫去巴黎）
實(shí)現(xiàn)方法
滾動(dòng)盒蟆、長按踏烙、自動(dòng)播放
技術(shù)需求
繪制畫面：這里我們一般選用基于canvas的庫，性能會(huì)更好历等，也方便實(shí)現(xiàn)效果讨惩。（如CreateJs、PixiJs寒屯、Egret等如性能要求不高的話 可以使用ScrollMagic）
添加動(dòng)畫：其中包括過渡荐捻、幀動(dòng)畫，因此需要一個(gè)動(dòng)畫庫寡夹。（如?TweenMax等）
進(jìn)度控制：要實(shí)現(xiàn)通過用戶操作处面，來控制整個(gè)H5的前進(jìn)、后退菩掏、暫停等魂角，我們會(huì)需要進(jìn)度控制相關(guān)的庫。（如TimelineMax）
用戶操作：一鏡到底的H5一般都需要用戶操作以“播放”智绸，按住或滑動(dòng)野揪，按住比較簡單，用原生事件實(shí)現(xiàn)就好瞧栗，滑動(dòng)相對復(fù)雜一點(diǎn)斯稳，涉及阻尼運(yùn)動(dòng)，因此需要一個(gè)滑動(dòng)相關(guān)的庫迹恐。（如?AlloyTouch挣惰，iscroll等）
我選用了Pixi.js、TweenMax、iscroll這幾個(gè)庫封裝 storyScroll?實(shí)現(xiàn)通用的一鏡到底憎茂。
示例項(xiàng)目
參考資源：
