基于學(xué)習(xí)的造輪子，這是一個(gè)最簡(jiǎn)單，最基礎(chǔ)的一個(gè)canvas渲染引擎，通過(guò)這個(gè)引擎架構(gòu)，可以很快的學(xué)習(xí)canvas渲染模式！

地址：https://github.com/RichLiu1023/h5engine

這是一個(gè)比較有意思的h5渲染引擎，我肯定寫(xiě)的不好，以前也從沒(méi)寫(xiě)過(guò)這東西，出于好奇，看了下前端h5 canvas的渲染api，然后看了egret的引擎，覺(jué)得還是動(dòng)手做一下比較好，于是就開(kāi)始造輪子了，額這個(gè)比較有趣，從渲染模型、臟矩形、加載等一串玩意，通過(guò)一步步的實(shí)現(xiàn)寫(xiě)出來(lái)還看得過(guò)去的引擎demo，當(dāng)然，重在過(guò)程！這個(gè)過(guò)程讓我受益匪淺！

• 使用TypeScript開(kāi)發(fā)
• 網(wǎng)絡(luò)通信使用socket.io

安裝

項(xiàng)目使用gulp打包，因此需要安裝nodejs，及gulp模塊。

安裝好nodejs后安裝全局gulp管理包：

npm install -g gulp

cd進(jìn)入項(xiàng)目目錄然后執(zhí)行：

npm install

package.json 中有依賴(lài)的包

在項(xiàng)目目錄中執(zhí)行

• gulp buildJS 生成合并后的js文件及map文件
• gulp buildDTS 生成TypeScript引用的d.ts文件

使用

請(qǐng)看GameTest項(xiàng)目，并運(yùn)行看結(jié)果。

轉(zhuǎn)載于:https://www.cnblogs.com/Richard-Core/p/h5engine.html

總結(jié)

以上是生活随笔為你收集整理的h5engine造轮子的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。