zoukankan      html  css  js  c++  java
  • 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项目,并运行看结果。

  • 相关阅读:
    Piggy-Bank (hdoj1114)
    Word Amalgamation(hdoj1113)
    Lowest Bit(hdoj1196)
    1206: B.求和
    1207: C.LU的困惑
    STL初步
    关于521(nyoj)
    first blood暴力搜索,剪枝是关键
    变态最大值(nyoj)
    烧饼(nyoj779)
  • 原文地址:https://www.cnblogs.com/Richard-Core/p/h5engine.html
Copyright © 2011-2022 走看看