微信小程序開發(fā)一款小游戲的示例分析-創(chuàng)新互聯(lián)

這篇文章將為大家詳細講解有關微信小程序開發(fā)一款小游戲的示例分析,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司2013年成立,是專業(yè)互聯(lián)網(wǎng)技術服務公司,擁有項目成都網(wǎng)站建設、成都網(wǎng)站設計網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元中原做網(wǎng)站,已為上家服務,為中原各地企業(yè)和個人服務,聯(lián)系電話:18982081108

如何快速開發(fā)一款火爆的小游戲?“火爆”是一個偏運營的詞,今天介紹的內容可能更傾向于技術方面,即如何利用微信的開放能力開發(fā)一款小游戲。小游戲上線120天時發(fā)布了幾個重要的消息,其中有幾個數(shù)字可以用來描述“火爆”這個詞。微信小游戲正式允許第三方開發(fā)者發(fā)布的時間是在3月3日,而現(xiàn)在幾款小游戲的用戶已經過億,安卓月流水過千萬的也有數(shù)款小游戲,大家應該已經體會到了微信小游戲的火爆程度。


與火爆相關的兩個知識,一個就是如何開發(fā)?首先要利用好微信的社交相關性,微信去中心化的情景下社交分享互動是非常重要的,因為沒有傳統(tǒng)流量分發(fā)的總入口。第二個是操作的簡便性,我們根據(jù)游戲成為爆款游戲后的數(shù)據(jù)才能推出這兩個結論,并不是說具備這兩個特性就一定能開發(fā)出一款火爆的游戲。

什么是小游戲?

首先為大家介紹一下什么是小游戲:小游戲特指微信小游戲,是小程序的一個子類目,可在微信內被便捷地獲取和傳播,即點即玩,具備出色的用戶體驗。在開發(fā)的視角來看,小游戲是一個基于Canvas/WebGL + 微信社交開放能力的新平臺。在框架上看分為三層,是一個典型的分層架構。微信中有一個小游戲的Runtime去運行小游戲,而OS本身可能會涉及到不同類的設備。

微信小程序開發(fā)一款小游戲的示例分析

如果放大小游戲的Runtime可以看到很多的細節(jié),第一就是游戲邏輯,也就是與平臺無關的游戲邏輯的開發(fā)。第二部分是游戲引擎,大部分會用到一些引擎的工作流、一些各種系統(tǒng)封裝好的高層的API。第三部分是weapp,小游戲的框架是參考了webview的框架,但其實它的底層不是webview,而是webview精簡優(yōu)化過的平臺,小游戲有的只是與核心相關的一些渲染的API。這里的weapp-adaper是把小游戲的能力適配到與webview更接近的環(huán)境,讓更上層的游戲或引擎本身能夠更快速地集入到平臺中。

微信小程序開發(fā)一款小游戲的示例分析

微信的Runtime對外暴露的都是微信的API,所有的能力都是通過微信API發(fā)布出去的。底層最基本的能力是渲染相關的,即Canvas 2d和WebGL。其他一些微信相關的能力是另外一部,所以小游戲在架構上和小程序是有差別的,但用戶體驗起來沒有太大的區(qū)別。小游戲是沒有頁面概念的,在實現(xiàn)上也不完全是webview,其中不必要的部分已經被去掉了。

總的來說小游戲的入口為game.js,游戲可以利用底層的一些能力將游戲的整個界面繪制出來。配置文件為game.json主要用來配置小游戲是橫屏還是豎屏,小游戲的全局對象game Gobal類似于webview中的window對象,同時支持javascript語言。但是小游戲有一個重要的一個限制是禁止動態(tài)執(zhí)行代碼,開發(fā)者必須先提交審核,在審核通過后才可以上架給普通用戶。另外,小游戲包括引擎的代碼量比較大,所以限制大小比小程序要大,首包限制大小為4M。

下面來說一下Webview Adapter,它的初衷是為了讓游戲開發(fā)者更好地熟悉我們的平臺,所以我們的平臺在能力上會盡可能地與webview做一些適配,其實這個適配也是很簡單的一層。比如說我們在瀏覽器里面使用image對象創(chuàng)建一個圖片,而在小游戲里是通過wx.createimage來創(chuàng)建的,在代碼中需要做一個簡單的適配。比如說Canvas、Document都是在Adapter中實現(xiàn)的,大家可以研究鏈接中的代碼。其中有一些優(yōu)化的版本,之后官方不會繼續(xù)維系這個Adapter,因為我們會更專注于底層能力的建設。如果大家已經比較熟悉這個平臺的話,就會比較容易地開發(fā)游戲。比如Document這個對象在小游戲框架本身中跟普通對象是沒有區(qū)別的,它是Adapter做的一個簡單的適配。

微信小程序開發(fā)一款小游戲的示例分析

下圖是小游戲能力的概覽,最近小游戲能力的迭代比較快,部分能力還沒有羅列出來。比如最近剛發(fā)布的游戲圈、健康系統(tǒng)相關的一些接口,都還沒有列進去。我們先看一下基礎能力,在渲染這部分WebGL1.0和Canvas 2D都是支持的,這里的Canvas更接近于瀏覽器里面的標準。同時,這里提到的可控幀率的概念,如果小游戲在后臺運行的話,可以盡量將幀率降低。在多媒體部分,小游戲還不能像小程序一樣實現(xiàn)實時的音頻視頻流,這是我們在后續(xù)要進一步支持的。網(wǎng)絡IO的部分與小程序也是類似的,我們也提供了一些UI的組件,比如說拉起鍵盤,模態(tài)對話框等。

微信小程序開發(fā)一款小游戲的示例分析

小游戲的社交開放能力現(xiàn)在已經對外開放了。其中最重要的一個能力是開放域,將微信的好友關系列開放出去,給開發(fā)者一起使用,但也存在著一些限制。因為小游戲去中心化的特點,分享這一部分也是非常重要的,開發(fā)者要考慮如何將這個能力利用起來。在代碼方面,因為首包限制是4兆,但部分小游戲的代碼量可能比較大。我們最近也在規(guī)劃一個分包的能力,異步加載代碼,但這個代碼是一定要經過我們審核的。

如何開發(fā)一款小游戲?

那么如何開發(fā)一款小游戲?因為我本人也只是開發(fā)過一些簡單的游戲,并不是專業(yè)進行游戲開發(fā),所以接下來我會更多地介紹一下如何利用微信的能力來開發(fā)小游戲。

選擇小游戲引擎

首先在開發(fā)游戲時要選擇引擎,我們與引擎商也有著比較密切的合作,開發(fā)小游戲的引擎一定要是適配的。比如在底層,一開始引擎可能只支持原生的游戲,在微信小游戲上就要做一些適配,依賴瀏覽器特有的能力。Cocos Creator、Egret Engine、LayaAir Engine這三個引擎已經支持了小游戲的開發(fā),網(wǎng)上也有相應的文章介紹如何發(fā)布到微信小游戲的平臺。

設備/環(huán)境適配

有關設備管理的適配,小游戲會有API提供獲取屏幕的寬高、設備像素比等能力。在小游戲開發(fā)完成后,在開發(fā)者工具也可以發(fā)起真機測試的請求,微信提供了不同設備的測試集群,幫助開發(fā)者提前去發(fā)現(xiàn)問題?;A庫提供的wx API本身是一個不斷迭代更新的過程,對于使用了新能力的小游戲,需要做低版本兼容。比如在檢測到不支持新 API的低版本允許有損服務用戶。同時,如果某個低版本的用戶占比較少,可以考慮在管理后臺直接配置小游戲要求的基礎庫最低版本,當然也意味著這一部分用戶在接觸到這個小游戲時,微信客戶端會彈出一個要求用戶更新到微信新版本才可使用該小游戲的提示,如果不更新可能就會失去這個用戶。

微信小程序開發(fā)一款小游戲的示例分析

微信登錄

小游戲的登陸過程與小程序類似,需要用戶自定義登錄狀態(tài)。appsecret/session_key代表的是小游戲開發(fā)者和微信平臺之間的一種信任約定,比如支付、上報托管數(shù)據(jù),平臺方需要驗證 access_token,和用戶相關的還要驗證session_key的簽名,才能保證請求來自于小游戲開發(fā)者或用戶。access_token是一種應用態(tài)的 access_token,與用戶無關,需要保證全局維護一份,應該有一個中控的模塊去保證 access_token有效,同時在有效期內直接使用本地 cache的 access_token,而不是每次使用都去生成新的 access_token,否則可能遇到調用頻率限制的錯誤而影響服務。切記 appsecret/session_key不要放到前端代碼中去,否則可能會被惡意利用從而損壞小游戲開發(fā)者或用戶的權益。

微信小程序開發(fā)一款小游戲的示例分析

緩存

緩存類型包括數(shù)據(jù)緩存和文件緩存兩種。數(shù)據(jù)緩存即key-value存儲,適合結構化類型的小數(shù)據(jù)存儲,上限為 10MB。文件緩存提供了一個完整的文件系統(tǒng) API,包括目錄 /文件的增刪改讀,適合針對經常使用的網(wǎng)絡資源做本地緩存,上限是50MB。

和瀏覽器不同的是,微信只提供了基本的存儲管理能力,并不對存儲什么以及存儲滿時刪除什么做一些操作。開發(fā)者自行靈活定義緩存及淘汰策略,比如對經常訪問的資源存儲到文件系統(tǒng)以及在文件存儲滿時,清理一些最近不常訪問的文件。

微信小程序開發(fā)一款小游戲的示例分析

開放數(shù)據(jù)域

我們來說一下開發(fā)數(shù)據(jù)域,也就是在保護用戶隱私的前提下把用戶的數(shù)據(jù)開放給小游戲。這是一個封閉、獨立的javascript作用域,開放數(shù)據(jù)域是一個獨立的目錄,其入口文件是index.js。目前的限制在于僅支持2d渲染模式,數(shù)據(jù)只進不出。比如說一個排行榜,它的目的肯定是用來給用戶看的。

我們簡單看一下它的實現(xiàn)方案,左邊是主域。用戶拿到這些數(shù)據(jù)后實現(xiàn)排行榜其實也是一個Canvas。它的區(qū)別在于Canvas不能把數(shù)據(jù)取出來,無法分析其中的數(shù)據(jù)是什么。主域里面有一個Canvas,在微信里上屏Canvas跟屏幕關聯(lián),后面都是離線的Canvas,離線的Canvas可以自己根據(jù)需求使用的。一旦開放數(shù)據(jù)以后,上屏Canvas不能把里面的數(shù)據(jù)取出來,下一個Canvas也不能取出來,保證了數(shù)據(jù)的安全性。

微信小程序開發(fā)一款小游戲的示例分析

因為我們的數(shù)據(jù)在開發(fā)數(shù)據(jù)域中,用戶沒有辦法進行開發(fā)。所以要求開發(fā)者在開發(fā)時將需要的數(shù)據(jù)托管到我們這里,與用戶關聯(lián)起來。這樣就可以在開發(fā)數(shù)據(jù)域里面取到相關數(shù)據(jù),其應用場景有好友排行、群排行榜、超越好友提示等。用戶在輸入的時候,重復用戶的所有操作,在上屏的Canvas和離屏的Canvas上就得到了用戶的所有輸入,不會有開放數(shù)據(jù)滲透進去。

微信小程序開發(fā)一款小游戲的示例分析

分享

如果用戶在游戲中達到了很高的分數(shù),可以與好友PK一下。在自定義轉發(fā)的窗口,標題和圖片都可以自定義。但是現(xiàn)在有很多小游戲非常騷擾用戶,他們做了很多一定需要分享,才能允許玩游戲的設定。這是大家需要思考的部分,如何既不影響用戶的體驗,又能夠促進小游戲的互動,在這里需要找到一個合適的平衡點。同時,在分享數(shù)據(jù)后將小游戲與這個群聊關聯(lián)起來,我們就可以看到一個小游戲平臺。

微信小程序開發(fā)一款小游戲的示例分析

支付

小游戲是支持虛擬支付的,但目前僅適用于安卓系統(tǒng)中。且它的方式目前只有一種,即貨幣托管的方式。主要分為兩個流程,一是用戶花錢購買游戲幣,這與游戲的服務端是沒有關系的。發(fā)起支付時微信客戶端會生成一個訂單,讓用戶確認支付,這是異步的。平臺負責把用戶RMB兌換成對應的游戲幣,存儲到用戶對應的游戲帳號上。二是使用游戲幣購買道具,開發(fā)者可以扣除對應的游戲幣,給用戶發(fā)放游戲內道具,扣除游戲幣的過程需要有一定的事務機制,保證在網(wǎng)絡異常的情況下交易正常??鄢螒驇诺慕涌谥С指鶕?jù)訂單ID去重,意味著在網(wǎng)絡超時等情況下,開發(fā)者可用同樣的訂單ID去重試扣除,直至返回明確的響應。

微信小程序開發(fā)一款小游戲的示例分析

性能

小游戲常見的性能問題,一般是內存造成的。如果內存占用太多會被微信客戶端主動關閉,因此開發(fā)者在用戶游戲過程中要及時釋放不再使用的內存,特別是Canvas和Image類的大型對象,同時可以主動調用wx.triggerGC觸發(fā)底層回收對應資源。對于和游戲邏輯相對獨立的工作,可以考慮在worker中去實現(xiàn),小游戲提供了獨立的worker線程執(zhí)行js邏輯的能力。

微信小程序開發(fā)一款小游戲的示例分析

版本更新機制

小游戲有熱啟動和冷啟動之分,冷啟動是指內存中無該小游戲的運行實例的情況下,啟動小游戲的過程;熱啟動是指小游戲的運行實例在內存中還存在,只是暫時切換到了后臺,這時用戶再次觸發(fā)小游戲回到前臺的過程。在如果用戶點擊啟動之后,游戲運行時會加載出來這款游戲。在點擊右上角的菜單時,按紐只是掛后臺,在一定的時間內再啟動時,它會立即恢復,這時內存將會釋放。

小游戲會在冷啟動時檢查小游戲的版本,如有新版本,在下載回本地后,下一次冷啟動即可使用新版。當然,我們也提供了 API可以供開發(fā)者決策在有版本可用時,是否需要強制更新,應用新的版本。

微信小程序開發(fā)一款小游戲的示例分析

運維

管理端提供了發(fā)布、回滾、停服等能力,開發(fā)者可以充分利用平臺的能力。比如在后臺操作中,js可能會報錯。腳本錯誤主要由運行過程中未捕獲的異常觸發(fā),該類異??赡軙е掠脩粜∮螒蚯岸说膉s邏輯暫停執(zhí)行。同時,平臺也提供了完善的數(shù)據(jù)分析服務,可以通過小游戲使用助手進行數(shù)據(jù)分析。

微信小程序開發(fā)一款小游戲的示例分析

關于微信小程序開發(fā)一款小游戲的示例分析就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

新聞名稱:微信小程序開發(fā)一款小游戲的示例分析-創(chuàng)新互聯(lián)
文章鏈接:http://muchs.cn/article34/hsope.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設、網(wǎng)站策劃企業(yè)建站、軟件開發(fā)定制網(wǎng)站、做網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設網(wǎng)站維護公司