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项目,并运行看结果。

上一篇:CSS知识总结(七)


下一篇:Mysql上手