整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
文由SNK指點互動調(diào)研中心獨家向游戲葡萄供稿。
自2008年的第一份草案誕生以來，HTML 5就把取代HTML 4.01和XHTML 1.0作為己任，不斷地在移動端、PC端上發(fā)揮著越來越重要的作用。對于開發(fā)者來說，HTML 5這個名字多年前已經(jīng)不再陌生。近年來，F(xiàn)lash頻頻爆發(fā)的安全漏洞和兼容性問題只給它落了個壞名聲；而移動端網(wǎng)頁應用的高速普及和Adobe在移動端上高傲的姿態(tài)讓HTML 5等通用性更強的開發(fā)技術(shù)有了可乘之機，而到目前，從國外的YouTube到國內(nèi)的優(yōu)酷、土豆等一線視頻網(wǎng)站均引入HTML 5技術(shù)。
當然，HTML 5也不僅僅只是拿來看在線視頻那么簡單。在移動端上，HTML 5已經(jīng)被廣泛用于制作跨平臺、跨屏幕的游戲。隨著微博式微，微信朋友圈占據(jù)用戶越來越長的時間，如何在朋友圈中擴散手游的相關(guān)信息，吸引用戶關(guān)注？近來不少廠商利用HTML 5技術(shù)制作了大量視覺豐富奪目的小應用、小游戲，以期獲得病毒擴散效應。
盛大《魔物狩獵者》在推廣之初，就利用HTML5將游戲中的射獵元素進行展現(xiàn)，玩家可以直接在微信上打開游戲頁面，在30秒中體驗《魔物狩獵者》手游的核心玩法；在日本，《龍之起源》（原名：ドラゴンジェネシス）在宣傳推廣時提供“最初之戰(zhàn)”（原名：ファーストバトル）——以《龍之起源》游戲中的戰(zhàn)斗模式為藍本制作的“體驗版”小游戲。
在開發(fā)用于游戲營銷領(lǐng)域的HTML5小游戲需要注意幾個方面：
1、游戲包需要精簡小巧：作為一款運行在瀏覽器中的HTML 5游戲，其資源包必須要做到精簡和小巧，尤其在中國，非常大部分的用戶依然通過緩慢的2G接入網(wǎng)絡，高性能的手持設備也并不算多，如果一個游戲的載入需要花費用戶幾分鐘乃至十幾分鐘的時間，那簡直就是在考驗他們的耐心。打個比方，由HTML 5寫成的《斯諾克桌球俱樂部》在只適合在有寬帶連接的環(huán)境下打開，眾多的游戲素材如果依賴GPRS網(wǎng)絡下載，花費時間長不說，還會被玩家冠上“騙流量”的帽子；
2、游戲的難度與節(jié)奏設定：作為一款“體驗版”的小游戲，一定要懂得討好用戶的歡心。在“體驗版”的游戲中，廠商要拿捏好整個小游戲的難度和節(jié)奏，給用戶一種干脆利落、一種輕易上手的“征服”感，要融入容易傳播和擴散的分享設計，比如和好友比拼分數(shù)，加入獎勵幾只等，這樣才能吸引用戶參與游戲并傳播。如網(wǎng)易為手游宣傳而制作的類“別踩小妖精”HTML 5游戲就很好拿捏住游戲的難度，“欲擒故縱”的小手段足以拉住了用戶的心；
3、小游戲要懂得“三兩撥千斤”：在小游戲的設計當中，既要融入游戲的賣點玩法，又要不斷“減輕”游戲的重量，需要找到一個平衡點。用HTML 5做的游戲需要在短時間內(nèi)捉住用戶眼球和注意力，求的是“快”和“準”，設計者要把正式游戲中最能吸引用戶的點通過創(chuàng)意結(jié)合的形式呈現(xiàn)出來，而不是做一個將正式版本游戲的“縮水”版本。比如迷你西游的“金箍棒”互動游戲，和卡牌游戲雖沒有直接的聯(lián)系，但卻借助“更大更粗更長”的文案和搞怪的游戲過程，將游戲Q萌趣味的賣點傳播出去。
4、傳播也要依賴好的媒介和手段：當小游戲做出來之后，也要想辦法把它推廣出去。目前H5小游戲主要的載體有TOP APP、微信朋友圈、移動瀏覽器等，其中傳播成本最低的無疑是微信朋友圈，通過微信大號（服務號訂閱號）轉(zhuǎn)發(fā)，官方微信運營活動，能迅速觸達第一批核心玩家，進而擴散傳播。不過微信既然是熟人社交圈，還可以嘗試有大量好友微信熟人營銷號（有別于服務號和訂閱號，是真實的微信號）進行二次傳播。依托TOP APP開發(fā)的H5互動小游戲一般只要通過廣告曝光就能覆蓋該APP上的用戶，但同時也需要考慮如何更好的激發(fā)平臺用戶參與和分享，同時利用社交平臺分享功能，獲得更大范圍的擴散。
未來，HTML 5技術(shù)的發(fā)展不僅僅關(guān)系到開發(fā)者在技術(shù)上的個人選擇，它還將對未來移動互聯(lián)網(wǎng)的演進——包括用戶與設備的關(guān)系、設備與設備之間的聯(lián)動等產(chǎn)生非常深遠的影響。
月11日，手機QQ發(fā)布版本更新，上線了“玩一玩”平臺功能的灰度內(nèi)測。在手機QQ推出新版后，白鷺引擎隨即添加了對于QQ玩一玩平臺游戲開發(fā)的支持。開發(fā)者只需使用白鷺引擎（5.1.2）最新版本，通過調(diào)用白鷺引擎完整工具流，就可以將游戲發(fā)布至QQ玩一玩平臺，而無需過多的關(guān)注底層技術(shù)細節(jié)。
“玩一玩”的入口目前有兩個地方：
1、進入手機QQ，選擇右下方“動態(tài)”按鈕，在動態(tài)列表中第二行可進入“玩一玩”。
2、進入聊天界面，點擊+號入口，選擇“玩一玩”即可進入。
玩一玩的底層采用了QQ團隊自主研發(fā)的 bricks 引擎，與 HTML5 環(huán)境不同的是，bricks 引擎提供了更高層次的API封裝，并提供了物理模塊、多人音視頻模塊、AI模塊、網(wǎng)絡、存儲、云、手勢等功能，并在上層同樣提供基于JavaScript 的接口，其基礎架構(gòu)如下：
目前白鷺引擎已經(jīng)添加了對于玩一玩開發(fā)的支持，您只要使用白鷺引擎開發(fā)，就可以將游戲發(fā)布至QQ玩一玩平臺，其技術(shù)原理如下：
如何創(chuàng)建玩一玩項目
目前白鷺引擎即將對Egret Launcher進行更新，包含了對玩一玩的支持。在這次更新中，您可以通過圖形化界面的方式，創(chuàng)建白鷺引擎項目，點擊項目設置按鈕，將發(fā)布平臺設置為玩一玩，即可將使用白鷺引擎開發(fā)的項目發(fā)布至玩一玩平臺。
在新版本 Egret Launcher 發(fā)布之前，您也可以通過命令行的方式快速創(chuàng)建玩一玩項目，具體命令如下：
首先，在 https://github.com/egret-labs/egret-target-bricks 下載最新的白鷺引擎的玩一玩支持庫。
然后修改您的 helloworld/scripts/config.ts，在其中添加如下代碼：
最后，執(zhí)行egret build --target bricks，然后使用 XCode 打開
helloworld_bricks/PublicBrickGameEngine.xcodeproject即可進行調(diào)試，更多文檔可以參見玩一玩的開發(fā)者文檔。
注：目前玩一玩只支持MacOS開發(fā)，我們正在和玩一玩團隊共同努力，爭取盡快提供 Windows下的開發(fā)調(diào)試環(huán)境。
后續(xù)產(chǎn)品技術(shù)路線圖
客觀存在的限制是，由于 Bricks 引擎的渲染模塊實現(xiàn)原理是比 HTML5 WebGL接口更高層次封裝的接口，與 WebGL技術(shù)相比，其運行性能會得到更大的提升，但是與白鷺引擎自身 API 的兼容會變得更為困難。目前我們已經(jīng)實現(xiàn)了以下功能適配：
2D 渲染核心
音效模塊
HTTP 網(wǎng)絡模塊
資源管理器
后續(xù)我們會盡快完善以下模塊：
Graphics 矢量繪制支持
完善的白鷺引擎 EUI 系統(tǒng)，以及與 UI 編輯器的集成
整合白鷺引擎的骨骼動畫與玩一玩的動畫系統(tǒng)
于此同時，我們會和玩一玩團隊進行進一步的技術(shù)合作，重點解決如下問題：
在 Windows 環(huán)境下，支持玩一玩的調(diào)試與預覽。
提升開發(fā)者的整體開發(fā)體驗，包括項目的打包與發(fā)布。
知道頭條內(nèi)的人有多少人還記得以前的水果機，玩了這么多年也不知道那機器有什么訣竅，但是以前就老是輸啊，搞不懂那些高手都看了什么，自己也嘗試的做了一個類似的程序，javascript做的，相信大家或多或少也做過很多特效或者項目了，最重要的就是思路，思路有了，這個案例就八九不離十，沒有思路，也就根本做不下去，多練，多寫吧，學javascript沒有什么訣竅。
這個案例的效果圖如下：
源碼分享：
源碼已經(jīng)上傳到群文件里了：304072187
前端本身很雜，想必在學前端的大家都懂，前端技能的各種學習心得，各種教程，各種培訓機構(gòu)，只要你有一顆學習的心都可以搞定，關(guān)鍵在于你有沒有需求分析的能力，解決問題的能力，這兩個才是決定工資高低的本事，就那么點知識嘛，大家都懂了，拼的還是這兩點能力。
最后在說一說兩點意見：
不要死記編程之類的代碼，可以說毫無作用，但是還是有很多新手樂此不疲。
這個小案例就做完了，想要完整代碼自己學習的朋友進我的群自助領(lǐng)取，上傳到群文件里了：6406334
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
