幾天前同事給我看了一個特效,是一個拼圖游戲,不同的是,拼圖里的是動畫。他讓我看下做個DEMO,于是就自己整了一會,也確實不難。用canvas很容易做。所以這篇博文不適合高手看。。。。就是隨便寫來玩玩的。
效果圖:
至少我剛看到這個的時候覺得挺新穎的,所以才會想到做出來玩玩,覺得樓主out的哥們請輕噴
不多說,先上DEMO:視頻拼圖 (或許要等一會才能看到效果,我是直接在w3school那里搞了個視頻鏈接過來的,拖動什么的都做的很簡單,或許還有些bug,畢竟就只是做一個DEMO玩玩而已,說說原理就行了),還有一點,直接把視頻的當前幀畫到canvas中在移動設備上好像還不支持。。。至少我用ipad看了一下,發現畫不上去,如果有知道腫么解決這問題的大牛請為小弟解答一下,不甚感激
原理:每一塊拼圖就是一個canvas,同時還需要一個離屏canvas。先整一個video標簽
新聞熱點
疑難解答