/dou2d-ts

WebGL 2D 引擎

Primary LanguageJavaScriptMIT LicenseMIT

dou2d-ts

WebGL 2D 引擎

逗2D，基于 WebGL 的 2D 引擎，整体框架和具体的实现主要参考 Egret2D 引擎。

现有的 2D H5 引擎（Egret、Laya等）已经非常复杂庞大，我自己需要的一些功能不好直接修改，所以打算自己写一个定制的 2D 引擎来使用。

  • 采用 WebGL 进行渲染，不支持纯 Canvas 模式。

  • 采用 ES2015 标准。

  • 该引擎主要是为了用来开发一些自己的小游戏使用。

  • 会持续扩充文档和示例。

开始上手

  1. 在编写代码之前请引入位于core/dest文件夹中的所有文件，同时需要引入doucore项目下的core/dest文件夹中的所有文件：
<script type="text/javascript" src="examples/lib/dou.js"></script>
<script type="text/javascript" src="examples/lib/dou2d.js"></script>
  1. 编写根显示容器类：
class ShapeTest extends Dou.DisplayObjectContainer {
    constructor() {
        super();
        this.once(Dou.Event2D.ADDED_TO_STAGE, this.onAdded, this);
    }
    onAdded(event) {
        let shape = new Dou.Shape();
        shape.graphics.beginFill(0xffffff, 1);
        shape.graphics.drawRect(0, 0, 100, 100);
        shape.graphics.endFill();
        shape.x = 50;
        shape.y = 50;
        this.addChild(shape);
    }
}
  1. 启动引擎：
new Dou.Engine(ShapeTest);

引擎示例