激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

h5 游戲開發(fā)(阿里跨終端的H5游戲開發(fā)解決方案)

發(fā)布時間：2023-11-27 10:58:00 瀏覽量：114次

?阿里跨終端的H5游戲開發(fā)解決方案

h5 游戲開發(fā)(阿里跨終端的H5游戲開發(fā)解決方案)

Hilo是由阿里巴巴集團(tuán)開發(fā)的一款 HTML5 跨終端游戲解決方案，可以幫助開發(fā)者快速創(chuàng)建 HTML5 游戲。有以下特征：獨立模塊設(shè)計，支持多種模塊范式的包裝版本;面向?qū)ο蟪绦蚧_發(fā);多重渲染模型，其中包括 Canvas，DOM 和 WebGL 等;兼容多臺臺式機(jī)和移動瀏覽器；使用 Flash Shim 來支持 IE ;支持物理擴(kuò)展： Chipmunk；支持骨骼動畫擴(kuò)展： DragonBone！

1、Hilo 支持多種模塊范式的包裝版本，包括AMD，CMD，COMMONJS，Standalone多種方式接入。另外，你可以根據(jù)需要新增和擴(kuò)展模塊和類型；

2、極精簡的模塊設(shè)計，完全面向?qū)ο螅?/p>

3、多種渲染方式, 提供DOM，Canvas，F(xiàn)lash，WebGL等多種渲染方案（目前已經(jīng)申請專利）；

4、全端瀏覽器的支持和高性能方案，獨有的Flash渲染方案，即使在低版本IE瀏覽器下也可以跑起來“酷炫”游戲； DOM渲染方案能顯著解決低性能手機(jī)瀏覽器遇到的性能問題；

5、物理引擎支持——Chipmunk，支持自擴(kuò)展物理實現(xiàn)；骨骼動畫支持——DragonBones，同時內(nèi)建骨骼動畫系統(tǒng)——Tahiti（目前內(nèi)部使用）；

6、案例豐富，框架成熟，已經(jīng)經(jīng)歷多屆阿里巴巴雙十一，年中大促互動營銷活動考驗；

  • 獲取JS（參考文檔或者從Github下載最新版本js文件）
<script src="http://www.toutiao.com/a6738379197732880908/hilo-standalone.js"></script>
  • 創(chuàng)建舞臺

舞臺Stage是一個各種圖形、精靈動畫等的總載體。所以可見的對象都要添加到舞臺或其子容器后，才會被渲染出來。

var stage = new Hilo.Stage({
 renderType:'canvas',
 container: containerElem,
 width: 320,
 height: 480
});

Stage構(gòu)造函數(shù)接收一個參數(shù)properties，此參數(shù)包含創(chuàng)建stage的各種屬性。

  • 創(chuàng)建定時器

舞臺Stage上的物體的運動等變化，都是通過一個定時器Ticker不斷地調(diào)用Stage.tick()方法來實現(xiàn)刷新的。

var ticker = new Hilo.Ticker(60);
ticker.addTick(stage);
ticker.start();
  • 創(chuàng)建可視對象

舞臺上的一切對象都是可視對象，可以是圖片、精靈、文字、圖形，甚至DOM元素等等。Hilo提供了一些基本的可視類供您使用，比如添加一個圖片到舞臺上：

var bird = new Hilo.Bitmap({
 image: 'images/bird.png'
}).addTo(stage);
  • 事件交互

要想舞臺上的圖形、精靈動畫等對象能響應(yīng)用戶的點擊、觸碰等交互事件，就必需先為舞臺開啟DOM事件響應(yīng)，然后就可以使用View.on()來響應(yīng)事件。

h5 游戲開發(fā)(阿里跨終端的H5游戲開發(fā)解決方案)

stage.enableDOMEvent(Hilo.event.POINTER_START, true);
sprite.on(Hilo.event.POINTER_START, function(e){
 console.log(e.eventTarget, e.stageX, e.stageY);
});

接下來，您就可以開始利用hilo提供的各種可視類來創(chuàng)建各種圖形、精靈動畫，盡情發(fā)揮您的創(chuàng)造力，開始您的HTML5游戲之旅吧！

Hilo對于開發(fā)H5游戲的開發(fā)者和對Web端渲染感興趣的小伙伴來說值得一看，Hilo有諸多案例可供參考，如果你想繼續(xù)深入了解它，可移步官方文檔或者Github一探究竟！

h5 游戲開發(fā)(阿里跨終端的H5游戲開發(fā)解決方案)

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定