你的娃會(huì)長(zhǎng)成什么熊樣-一個(gè)可以生成動(dòng)畫的h5
為大家?guī)?lái)這樣一款H5,甲方爸爸是科大訊飛旗下教育類產(chǎn)品,阿爾法蛋。
從父母的角度出發(fā)做一個(gè)孩子成長(zhǎng)的小測(cè)試。

唯美的插畫把用戶帶入一個(gè)童話般的童年,結(jié)合題目,讓用戶站在父母的角度思考孩子的未來(lái)。

這里重點(diǎn)為大家?guī)?lái)的是一個(gè)高效的交互動(dòng)畫實(shí)現(xiàn)方案。

Flash+Createjs
Flash作為一款adobe的動(dòng)畫制作軟件,給H5制作提供了一個(gè)非常高效的解決方案。
通常H5交互的技術(shù)痛點(diǎn)在于動(dòng)畫和程序交互的結(jié)合。

程序員天生就是跟代碼在打交道,所以設(shè)計(jì)上動(dòng)畫的復(fù)現(xiàn)對(duì)程序來(lái)說(shuō)是一件很頭疼的事。
那么專員做專事,我們把這部分動(dòng)畫的實(shí)現(xiàn)工作交給設(shè)計(jì)和動(dòng)畫師,在flash里面完成制作。
交付給程序,程序再用createjs代碼框架調(diào)用設(shè)計(jì)好的動(dòng)畫,完成交互部分。

這樣我們就可以把大量的動(dòng)畫壓縮到幾張圖片的大小。
So讓我們一起體驗(yàn)一下,F(xiàn)lash+Createjs的H5
提示:這個(gè)H5的亮點(diǎn)“生成自己的故事動(dòng)畫”,被甲方完美的隱藏了,請(qǐng)君探索吧。




評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦,快來(lái)評(píng)論一下吧!
全部評(píng)論(0條)