闂佸憡绻€閼宠埖鏅跺┑鍫㈤┏闁哄稁鍋呭▓锝夋煥濞戞ɑ婀伴柡鍡秮瀹曘儵宕奸敐鍡楀墻闂備礁绨遍崑鎾绘煥濞戞ḿ鐏辩紓宥咁槺缁辨帒饪伴崱妯哄墻闂備礁绨遍崑鎾绘煙閹帒濡肩紒鐘茬Ч閺佸秴鐣濋埀顒傜礊婢跺瞼妫い銏㈡礌L
当前位置:首页 - 新闻中心           业界广告公关案例互动社交媒体品牌对话数据技术观察   

 

你的娃会长成什么熊样-一个可以生成动画的h5

2019/1/28 

为大家带来这样一款H5,甲方爸爸是科大讯飞旗下教育类产品,阿尔法蛋。

从父母的角度出发做一个孩子成长的小测试。

dafba2dd82c42be573bca00e1ae225d.jpg

唯美的插画把用户带入一个童话般的童年,结合题目,让用户站在父母的角度思考孩子的未来。

3c156abcb3c86052e7cc628c6ce2367.jpg

这里重点为大家带来的是一个高效的交互动画实现方案。

00908e911ae0044c335763eb38553c3.jpg

Flash+Createjs

 Flash作为一款adobe的动画制作软件,给H5制作提供了一个非常高效的解决方案。

通常H5交互的技术痛点在于动画和程序交互的结合。

微信图片_20190128182359.png

程序员天生就是跟代码在打交道,所以设计上动画的复现对程序来说是一件很头疼的事。

那么专员做专事,我们把这部分动画的实现工作交给设计和动画师,在flash里面完成制作。

交付给程序,程序再用createjs代码框架调用设计好的动画,完成交互部分。

1548676268.png

这样我们就可以把大量的动画压缩到几张图片的大小。

So让我们一起体验一下,Flash+Createjs的H5

提示:这个H5的亮点“生成自己的故事动画”,被甲方完美的隐藏了,请君探索吧。




本站文章部分内容转载自互联网,供读者交流和学习,如有涉及作者版权问题请及时与我们联系,以便更正或删除。感谢所有提供信息材料的网站,并欢迎各类媒体与我们进行文章共享合作。
上一篇信息 下一篇信息
信息分类查询:  业界广告公关案例互动社交媒体品牌对话数据技术观察  


闂傚倸鍊风欢姘缚婵犳碍鈷旈柛鏇ㄥ亽閻斿棙淇婇鐐达紵闁绘帒锕ラ妵鍕冀閵娧呯厑濡炪値鍋呭ú鐔煎蓟閺囷紕鐤€闁哄洨鍊妷褏纾肩€光偓鐎n偄顏�闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倸鍊烽悞锕€顪冮崹顕呯唵闁逞屽墰缁辨帡骞撻幒婵堝悑闂佹寧绻勯崑銈夊极閹剧粯鏅搁柨鐕傛嫹闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倸鍊峰ù鍥綖婢跺ń缂氭繛鍡樻尭鎼村﹪鏌$仦璇插壐闁搞儺鍓氶弲鎼佹煥閻曞倹瀚�闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倸鍊烽懗鍫曘€佹繝鍕濞村吋娼欑壕鍧楁煙閹澘袚闁稿﹤娼¢弻銊╂偆閸屾稑顏�闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倸鍊风粈渚€骞栭锕€纾归柣鐔煎亰閻斿棙鎱ㄥ璇蹭壕闂佽鍠曢崡鎶藉箖閵忋倕宸濆┑鐘插亞閳ь剚鎹囧铏规崉閵娿儲鐝㈤梺鐟板殩閹凤拷闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倸鍊风粈渚€骞栭位鍥敍閻愯尙锛欓梺鍛婄缚閸庢彃鐣烽弻銉︾叆闁绘洖鍊圭€氾拷闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倷娴囬褏鈧稈鏅犲畷妯荤節濮橆厸鎸冮梺鍛婃处閸嬫捇鎳撻崸妤佺厵闁诡垳澧楅ˉ澶愭倵濮橆剦妯€闁哄矉缍佸顒勫垂椤斿彨鈺呮⒑鐠囨煡鐛滈柟鍑ゆ嫹闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 婵犲痉鏉库偓妤佹叏閻戣棄纾婚柣鎰暯閸嬫挾绮☉妯绘悙缂佺姳鍗抽弻銊╂偆閸屾稑顏�闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 缂傚倸鍊搁崐鎼佸磹瀹勬噴褰掑炊閵娧呭骄闂佸壊鍋嗛崰鎾绘偟閸洘鐓ラ柣鏇炲€圭€氾拷闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倸鍊烽悞锕€顪冮崹顕呯唵闁逞屽墰缁辨帡骞撻幒婵堝悑闂佹寧绻勯崑鐔煎焵椤掑﹦绉甸柛鐘愁殜瀹曢潧顓兼径瀣幈闁诲繒鍋涙晶浠嬫儗鐎n剛纾奸柟鎷屽煐鐎氾拷闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 濠电姷鏁告慨顓㈠箯閸愵喖绀冮柕濠忛檮椤斿嫭淇婇悙顏勨偓褎淇婇崶鈺佸灊妞ゆ牜鍋涚粈鍡椻攽閻樺弶鎼愮紒鐘茬-閳ь剙绠嶉崕鍗灻洪妸锔炬惞闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 LED闂傚倸鍊峰ù鍥ㄧ珶閸喆浠堢紒瀣儥濞兼牜鎲搁悧鍫濈瑨缂佺姳鍗冲鍫曞醇濮橆厽鐝栫紒楣冪畺缁犳牠寮婚妸鈺傚亞闁稿本绋戦锟�闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倷绀侀幖顐λ囬锕€鐤炬繝濠傜墕閽冪喖鏌曟繛鍨壄婵炲樊浜滈崘鈧梺闈涒康缁茶偐鑺辨繝姘拺婵懓娲ら悘鈺呮煙濞村鍋撻幇浣圭闂侀潧艌閺呮粓鎮″☉銏$厱妞ゆ劧缍€婢规ê霉濠婂懎浜惧ǎ鍥э躬閹瑩顢旈崟銊ヤ壕闁哄洨鍠愬▍鐘诲箹閹碱厾鍘涢柡浣稿€块弻銊╂偆閸屾稑顏�
闂傚倸鍊烽懗鑸电仚缂備胶绮崝娆忕暦閵忋倕鍐€妞ゆ劑鍎卞皬婵$偑鍊栫敮鎺斺偓姘煎墰缁鏁愭径瀣幍闁诲孩绋掑玻鍧楁儗鐎n剛纾兼い鏇炴鐎氾拷闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 濠电姷鏁搁崑鐐册缚濞嗘挸瑙﹂悗锝庡枟閸ゅ苯螖閿濆懎鏆欑紒鐘靛枛閺岀喖骞嗛悧鍫闁诲孩鑹鹃ˇ閬嶅焵椤掆偓缁犲秹宕曢柆宥呯疇閹兼惌鐓夌紞鏍煥閻曞倹瀚�闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 缂傚倸鍊搁崐鎼佸磹閹间礁鐤い鏍仜閸ㄥ倻鎲搁悧鍫濈瑲闁稿鍠愰妵鍕冀椤愵澀鎴烽悗瑙勬尫缁舵岸寮诲☉鈶┾偓锕傚箣濠靛洨浜堕梻浣告憸閸犳捇宕戦妶澶婅摕闁跨喓濮撮柋鍥ㄧ節闂堟稓鍞甸柕蹇曞Л閺€鑺ャ亜閺囩偞顥為悗姘炬嫹闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倸鍊峰ù鍥ㄧ珶閸喆浠堢紒瀣儥濞兼牕鈹戦悩宕囶暡闁绘帡绠栭弻鐔虹磼閵忕姵鐏堢紓浣哄缂嶄線寮婚悢琛″亾濞戞瑡缂氶柣顓烆儑缁辨帡顢氶崱妯侯伓闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 缂傚倸鍊搁崐鎼佸磹閹间礁鐤い鏍仜閸ㄥ倻鎲搁悧鍫濈瑲闁稿鍠愰妵鍕冀椤愵澀绮堕梺鍦嚀閻栧ジ寮婚埄鍐ㄧ窞閻庯綆浜堕崵瀣磽娴gǹ浜伴柟鍑ゆ嫹闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 闂傚倸鍊烽懗鍓佸垝椤栫偑鈧啴宕ㄧ€涙ê浜辨繝鐢靛Т閸婂绱撳鑸电厱妞ゆ劑鍊曢弸鏃堟煃缂佹ɑ顥堟鐐寸墱閸掓帡宕楁径濠佸闂佸憡鍔樼亸顏嗙矈閹绢喗鈷戦柤濮愬€曟牎闂佸憡鏋崶褏顔嗛梺璺ㄥ櫐閹凤拷闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 English闂傚倸鍊风欢姘缚瑜嶈灋鐎光偓閸曨偆锛涢梺璺ㄥ櫐閹凤拷 sitemap
allchina.cn allchina.cn
allchina.cn闂傚倸鍊风粈渚€濡堕幖浣哥哗闁告鍋嶇紓姘箾閸℃ê濮堥柛娆忕箻閻擃偊宕堕妸锔规嫽濡炪倐鏅滈悡锟犵嵁閺嶎偀鍋撳☉娆嬬細缂佺姵宀搁弻娑橆潨閸℃鈷嬮梺鍝勬湰閻╊垱淇婇悜鑺ユ櫇闁逞屽墴閹ɑ绻濋崟顓狅紲闁哄鐗勯崝宀€绮杈╃<閻庯綆浜跺Σ鍛娿亜椤愶絿绠炴い銏☆殕閹峰懘宕滈煫顓犵濠电姷鏁搁崑鐐哄垂閸洖绠归柍鍝勬噹閸屻劑鏌i幘宕囩槏闁荤喐瀚堥弮鍫濆窛妞ゆ挻绻勯悙濠傗攽閻愯埖褰х紒韫矙楠炴牠顢曞熬閻戣棄纾奸柣鎰嚟閸橀亶姊洪幐搴㈢叆闁圭⒈鍋呮穱濠冪附閸涘﹦鍘卞┑鐐叉缁绘帞绮绘繝姘厵妞ゆ棁鍋愰崺锝団偓瑙勬礃閿曘垽銆侀弮鍫濆窛妞ゆ牗绋掗蹇涙⒒閸屾瑧顦﹂柟璇х磿閹广垽鍩€椤掑嫭鐓犻悗鍦Т閻撴劙鏌¢崨鐗堢【闁宠鍨归埀顒婄秵娴滅偤顢欐繝鍥ㄢ拺闂傚牊鑳嗚ぐ鎺戠?闁规儼濮ら崑鈺傘亜閹惧崬鐏柣鎾存礃缁绘繃绻濋崒姘闁诲孩鐭崡鎶藉蓟閿濆應妲堟慨姗嗗墯閻庨箖姊洪悷鏉挎Щ闁硅櫕锕㈤悰顔碱潨閳ь剟骞婇悩娲绘晢闁稿本鍩冮崑鎾绘倷閻戞ǚ鎷洪柣鐔哥懃鐎氼厾鈧碍娲熼弻鐔煎礄閵堝棗顏�!
Copyright © 2005-2022 www.allchina.cn Inc. All Rights Reserved
 
闂傚倸鍊风粈渚€骞栭锕€绠犻幖娣妼閻撴ê鈹戞径澶庣ゴ濠电姷鏁告慨浼村垂婵傚壊鏁婇柟鐗堟緲缁狀垶鏌ㄩ悤鍌涘2022009728闂傚倸鍊风粈渚€骞夐敓鐘冲仭闂侇剙绉寸粻顖炴煥閻曞倹瀚�