Html5 移動遊戲開發

2021-06-22 23:49:08 字數 1674 閱讀 3704

有很多遊戲採用h5技術開發,比如三國來了、巴哈姆特之怒、切繩子等。我們公司也有多款遊戲用h5開發,h5開發成本低,效率高,方便做自動更新,可移植性好。受益於h5技術,我們公司的很多產品都很方便跨平台。

早在2023年,我就很榮幸負責技術攻關,把我們的遊戲移植到win8和wp8平台,當時在國內的win8和wp8平台是領先的。我們的一款遊戲,跨ios、android、win8、wp8和黑莓10五大移動平台,這在國內肯定是唯一的吧?

《無盡大陸》獲微軟win8商店

重點推廣

《無盡大陸》進入win8商店熱門第4

微軟的同學去給團隊拍照,報道

《infinity lands》喜獲黑莓優秀h5大獎 

也得益於在win8和wp8平台發展的早期上線數款遊戲,幫助微軟豐富了win8&wp8商店產品。我們和微軟建立了深厚的合作關係,成為微軟在大陸的重要合作夥伴,前幾天又喜獲微軟xbox live大陸首家發行權。嗯哼,公司的win8和wp8產品是我負責開發的呢^_^

本來這篇文章應該多談談開發技術,但是兩年前我開發完,已經沒有平台需要拓展了。我又轉去先後做cocos2d-x和unity3d開發。很多實現上的細節已經遺忘了,談幾點能想到的吧:phonegap、加密、更新。

phonegap:很多團隊做h5移動遊戲使用phonegap,我不建議。因為這個庫很大,太繁雜了,而我們只需要用到不多的功能。所以,我建議不要使用phonegap,根據自己專案的需要,自己實現乙個就可以了。ps. 注意多執行緒安全。

更新:用h5做更新真是方便,完爆cocos2d和unity3d。cocos2d的jsb也可以更新,但是如果c++庫有問題,就沒法更新了;而使用h5,我們可以做到只上傳一次版本,在ios這種審核嚴格的平台,更新無疑是非常有用的。自己寫乙個簡單的打包工具,生成更新包、乙份檔名和對應md5的列表,就可以了。

在做win8版本更新功能的時候,有個小插曲。由於win8的安全限制,win8的webview不允許載入包外的本地檔案。這樣的話,雖然把內容更新到了本地,但是不能載入。更新功能必須做,win8又不允許載入更新到本地的檔案,怎麼辦?對於js/css/html這種文字內容,很簡單,讀到記憶體裡執行就可以了,但是呢?h5不支援顯示記憶體中的。

我想了挺長時間,最後靈光一現:你只允許載入伺服器上的檔案,那我就在本地開乙個http伺服器不就得了?然後,我實現了乙個簡單的http伺服器,http的目錄指向更新內容。完美解決了這個問題!http伺服器的埠號我設為了9527,看過《唐伯虎點秋香》的同學會心一笑。所以,如果哪個技術同學分析我們的應用,會驚訝的看到我們占用了9527這個埠,想不到幹嘛用的吧?

後來,微軟的乙個技術總監來交流,我跟他們談起我的實現方式,他哈哈大笑,「為了安全,我們限制載入本地檔案,沒想到被你輕而易舉破解了,還是使用我們合法的api」。還有什麼比被微軟的技術專家肯定更讓人開心呢?

html5移動開發

canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道,的移動 旋轉 縮放?那都太基礎了,自己畫都是小case,至於怎麼用,好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...

html5遊戲開發

一 前言 本次教程將向大家講解如何用html5將小地圖塊拼成大地圖,以及如何用現有的高階html5遊戲開發庫件lufylegend.js開發遊戲。首先讓我們來了解了解如何用html5實現動畫,畢竟 動靜結合 是先有動再有靜。看了上一章的內容,或許你就有了對html5實現動畫有了初步了解 二 html...

HTML5移動開發概述

一.native vs html5 二.html5 css3 1.html5 semantic tag local storage more form controls observer.js modernizr jquery zepto node.js npm requirejs ajax 2.c...