使用 Creator 制作小程序動畫實戰(zhàn) 昨晚的直播中,panda 從游戲開發(fā)的角度給大家奉獻(xiàn)了微信小程序的詳細(xì)解讀,,從環(huán)境搭建開始,,到 API 解析,最后現(xiàn)場用實例教大家從零開始用 Cocos Creator 導(dǎo)出一個小程序互動動畫頁面,。 值得一提的是,,目前 Cocos Creator 是市面上唯一支持直接導(dǎo)出微信小程序 Canvas 游戲的可視化編輯器(此處應(yīng)有掌聲)。 微信小程序的運行環(huán)境,,是一個由微信團(tuán)隊開發(fā)的完全封閉的運行環(huán)境,,它雖然借鑒了很多 Web 應(yīng)用的技術(shù),但是并不等同于瀏覽器運行環(huán)境,。小程序中的 wxml, wxss 格式都是在 html 和 css 基礎(chǔ)上自己定義的格式,,它的 javascript 雖然是標(biāo)準(zhǔn)的,不過并不支持任何 DOM API,。所以傳統(tǒng)的 Web 框架和庫都是無法直接運行在小程序中的,,Cocos Creator 團(tuán)隊也是做了很深度的定制才讓引擎成功運行起來。 緊接著說到小程序上的游戲和動畫制作,,panda 在 Creator 上用編輯器快速制作了一個動畫頁面,,并通過預(yù)先準(zhǔn)備的模版成功運行在微信小程序中,。 這一部分讓大家感受到了微信小程序中對于游戲制作的限制,panda 多次提醒大家,,由于小程序運行環(huán)境 API 的不足,,目前我們只能利用 Creator 中提供的部分功能,比如獨立圖片渲染,,基礎(chǔ)文字渲染,,形變動畫等。但是顏色變化,,透明度,,混合模式,遮罩等功能都是不支持的,。 由于在 Creator 中制作好的項目并不等同于微信小程序項目,,還需要一些定制操作才能夠在小程序中運行,為了讓我們的微信小程序開發(fā)更加友好,,panda 演示了微信小程序發(fā)布插件的制作,。在插件的幫助下,Creator 達(dá)成了構(gòu)建 web-mobile 項目的同時直接更新小程序項目的無縫工作流,。 小程序游戲限制全面剖析 最后,,panda 總結(jié)了一下微信小程序在當(dāng)前階段對游戲開發(fā)的限制,也和聽眾們一起討論了適合微信小程序平臺的游戲和應(yīng)用品類,。 相關(guān)資源下載 ppt: https://github.com/pandamicro/HelloWeapp/blob/master/Creator_Weapp.pdf 范例項目: https://github.com/pandamicro/HelloWeapp 小程序發(fā)布插件:https://github.com/pandamicro/HelloWeapp/tree/master/packages/weapp 定制版引擎源碼: https://github.com/pandamicro/fire-engine/tree/weapp 如果你對這次的直播主題有自己的建議或看法,,歡迎在留言區(qū)告訴我們哦。 10月25日(周二)20:00~22:00 斗魚房間ID:726225 主題:新功能大爆發(fā) Creator v1.3要逆天 當(dāng)家主播:實力主播王楠& 老司機(jī)子龍山人 |
|