制做小游戲就得先搞清H5小游戲

近幾年“跳一跳”、“羊了個羊”微信小游戲上線僅僅4年時間,除過產(chǎn)生不少爆火上熱搜的小游戲之外,還涌現(xiàn)了許多像是“口袋奇兵”、“動物餐廳”等游戲。它們借助著微信強大的社交性能,使得小游戲成為了游戲廠商和創(chuàng)作者在在桌面端、APP端、H5等端口之外爭奪的另一個渠道。

那么為什么依附小程序產(chǎn)生的小游戲可以有這么大的關(guān)注度呢?先不論桌面端和APP端,與HTML5有相近的小程序游戲又怎么能頻繁爆火到有這么大的流量呢?

小游戲的來龍去脈

首先文章的開始,讓我們來考察一下小游戲的官方定義:小游戲其實是用小程序為載體的新游戲的產(chǎn)品形態(tài),可以不用下載,有著即玩即點、體驗方便的特性。

(即時玩耍、用后便手),這可能就是比較符合小游戲特性的標(biāo)簽吧。

小游戲最初的模樣

如果我們要追溯其源頭的話,早在2016年4月12日,微信發(fā)布了相關(guān)的《微信外鏈規(guī)范》,將誘導(dǎo)分享、誘導(dǎo)關(guān)注、H5游戲等9大類外部鏈接內(nèi)容列為違規(guī)內(nèi)容,一經(jīng)發(fā)現(xiàn)將立即作停止訪問、屏蔽鏈接等處理。此舉一度引發(fā)行業(yè)對于“微信要封殺H5游戲”的擔(dān)憂。

但現(xiàn)在看來,提前規(guī)范H5游戲鏈接分享行為,除了凈化朋友圈內(nèi)容,也正是騰訊在為微信開放H5游戲平臺打基礎(chǔ)。

早在2017年,騰訊就已經(jīng)正式的在微信、手Q兩大社交平臺開啟了H5手游的首輪測試,其中首輪測試的產(chǎn)品便是十分經(jīng)典的休閑手游《天天愛消除》。緊接著官方就通知小程序功能得到了升級,正式推出了小游戲。

在游戲的開始時期,其玩法十分簡單。很多都比較像是俄羅斯方塊、連連看還有找不同等游戲。拿俄羅斯方塊來說,其主要的技術(shù)特征就是DOM 操作,用 jQuery 原生 javascript css3 就可以了。整體畫面元素簡單明了,邏輯性也不是很強,結(jié)構(gòu)與常規(guī)Web 頁面一致;主要技術(shù)點:DOM 元素、jQuery、原生javascript css3。

隨著技術(shù)需求發(fā)展,現(xiàn)在自然變得更加復(fù)雜了一些。加入了各種賽車類、塔房類還有低畫質(zhì)格斗類等等。簡單來說就是能夠方便玩耍、方便運行操作、保證能玩耍的基礎(chǔ)上使得方法種類更加豐富、體驗感更強烈。

現(xiàn)在的小游戲

依據(jù)官方騰訊在2022年的調(diào)查數(shù)據(jù)顯示,目前為止小游戲的開發(fā)創(chuàng)作者已經(jīng)達(dá)到了十萬多,其中2021年就實現(xiàn)了超過30%的商業(yè)增長,基本保持了可觀的三年增速。整體全年流水效益超過千萬的小游戲產(chǎn)品就已經(jīng)破50款,過億的則有7款。

根據(jù)數(shù)據(jù)我們可以明顯發(fā)現(xiàn),現(xiàn)在的小游戲正走向繁榮階段,并且其背后的商業(yè)規(guī)模也在不斷壯大。

H5游戲和小游戲比較有哪些差距?

H5游戲的技術(shù)特質(zhì)

如果說H5的技術(shù)特點的話,主要會用到DOM CSS、Canvas、WebGL,以及一些游戲引擎。并且,H5游戲也曾經(jīng)在搶車位、4399小游戲、QQ農(nóng)場的帶動下達(dá)到過巔峰階段。直到2017年H5游戲市場就到了30億元,而手游市場規(guī)模就已經(jīng)達(dá)到了1440億元,十分可觀。

優(yōu)勢:

無需下載安裝,即點即玩

跨系統(tǒng)、跨終端、跨平臺

開發(fā)成本相對低

劣勢:

體驗差距(性能、流量等)

缺少固定流量入口

制作門檻相對低

小游戲的技術(shù)特質(zhì)

小游戲基礎(chǔ)于H5游戲會增加微信社交能力、文件系統(tǒng)、工具鏈等功能,也會去掉一些對游戲開發(fā)不是很重要的部分,像Dom、Bom 等,微信小游戲也沒有webview。H5規(guī)范API 這里是微信小游戲 sdk 自己實現(xiàn)的,比如 canvas webgl。

優(yōu)點:

有固定的流量入口,可以實現(xiàn)用戶的持續(xù)運營變現(xiàn)

性能比 HTML5 要高,運行狀況也更加穩(wěn)定

小游戲的畫質(zhì)強體驗更好,也能玩到不少創(chuàng)意十足的

小游戲的操作邏輯更多,能夠?qū)崿F(xiàn)手搓鍵盤秀操作,而 H5 游戲只能做到點擊互動

能夠調(diào)用系統(tǒng)的藍(lán)牙、音頻權(quán)限

缺點;

游戲的開發(fā)和運營受限于各個平臺標(biāo)準(zhǔn)

僅能單一的運行在微信或抖音等平臺

為了能夠?qū)⒍哂懈庇^的比較,我們將一些比較突出重要的點匯集成了表格,如圖所示

小游戲HTML5 游戲

編程語言JavaScript, TypeScriptJavaScript, TypeScript

入口微信/支持小程序游戲運行的App瀏覽器、公眾號...

可用內(nèi)存中低

性能上限中低

交互豐富度高低

留存 & ARPU高(風(fēng)口&紅海)低

點擊+激活轉(zhuǎn)化率高高

常見的開發(fā)團(tuán)隊配置研發(fā)*2+美術(shù)*1+策劃*1研發(fā)*1+美術(shù)*1+策劃*1

常見代表跳一跳、歡樂斗地主、羊了個羊、動物餐廳、叫我大掌柜、咸魚之王……QQ 搶車位、QQ 農(nóng)場(偷菜)、圍住神經(jīng)貓……

小游戲引擎

值得注意的是,雖然HTML5 與小游戲有很多差別,但是不管是什么引擎。在游戲最終運行的時候很多事情都是隨著用戶的交互更新聲音和畫面的。

游戲引擎是指一些已編寫好的可編輯電腦游戲系統(tǒng)或者一些交互式實時圖像應(yīng)用程序的核心組件。這些系統(tǒng)為游戲設(shè)計者提供各種編寫游戲所需的各種工具,其目的在于讓游戲設(shè)計者能容易和快速地做出游戲程式,而不用由零開始。

小游戲的開發(fā)語言是 JavaScript,在引擎的底層就需要通過 JavaScript 調(diào)用繪制 API 和音頻 API。

如下表所示,小游戲中常見的引擎有:

引擎理念

Three.js基于 WebGL 的 3D 渲染引擎庫

Pixi.js高性能的 WebGL 模式 2D 渲染引擎,API 簡陋,常被 JS 框架封裝為渲染內(nèi)核

Layabox支持AS3\TSVS三種語言,可同時發(fā)布H5、APP、Flash版本,追求性能極致

Cocos2d-jscocos2d-js繼承原生cocos2d引擎的設(shè)計理念,API也參考原生cocos2d-x

Creat.js一個非常輕量的,基于 HTML5 開發(fā)的游戲、動畫、交互應(yīng)用引擎

Egret(白鷺)自建工具鏈工作流,參考Flash AS3 API的移動端H5引|擎,支持打包APP(但是這個好像倒閉了)

unity騰訊自行開發(fā)的 unity 引擎小游戲轉(zhuǎn)換技術(shù)

雖然H5游戲與小游戲之間有差別,但是其關(guān)系也不是非黑即白。小游戲是在H5游戲的基礎(chǔ)上做出了不斷的優(yōu)化,這體現(xiàn)了二者互相包容,我中有你的聯(lián)系。但是無論怎么說,技術(shù)的不斷更迭都能夠為用戶提供便捷優(yōu)質(zhì)的體驗服務(wù)。

而且,現(xiàn)在很多技術(shù)廠商為了能夠讓越來越多的小游戲有更加完整的閉環(huán),除了單一的能在微信平臺上進(jìn)行之外,他們已經(jīng)開始利用集成 SDK 的形式支持將小程序游戲遷移至其他的 App 中,以此來讓小游戲的價值得到放大。

就像是 ,他們除了支持集成 SDK 讓任何 App 都能像微信一樣具備小程序的運行能力外,還可以通過對幾大游戲引擎的兼容,讓微信生態(tài)內(nèi)的小游戲也能照常運行到其他的 App 內(nèi)

這無疑對于廣大的開發(fā)者來講除了能夠拓展業(yè)務(wù)的邊際外,還能打破微信平臺的約束實現(xiàn)更大化的發(fā)展。有興趣的小伙伴們可以通過直接點擊鏈接進(jìn)行更深入的了解。

目前為止,小游戲雖然只有4歲,是一個新生兒。但是一定還會有很多可以深入探究的方面讓我們?nèi)リP(guān)注了解。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容