h5engine造轮子

基于学习的造轮子，这是一个最简单，最基础的一个canvas渲染引擎，通过这个引擎架构，可以很快的学习canvas渲染模式！

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

这是一个比较有意思的h5渲染引擎，我肯定写的不好，以前也从没写过这东西，出于好奇，看了下前端h5 canvas的渲染api，然后看了egret的引擎，觉得还是动手做一下比较好，于是就开始造轮子了，额这个比较有趣，从渲染模型、脏矩形、加载等一串玩意，通过一步步的实现写出来还看得过去的引擎demo，当然，重在过程！这个过程让我受益匪浅！

• 使用TypeScript开发
• 网络通信使用socket.io

安装

项目使用gulp打包，因此需要安装nodejs，及gulp模块。

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

npm install -g gulp

cd进入项目目录然后执行：

npm install

package.json 中有依赖的包

在项目目录中执行

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

使用

请看GameTest项目，并运行看结果。

转载于:https://www.cnblogs.com/Richard-Core/p/h5engine.html

总结

以上是生活随笔为你收集整理的h5engine造轮子的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。