Draw2.js基于 H5 Canvas 的简单图形引擎

Draw2.js

一个基于 h5 canvas 实现的简单图形引擎。

Draw2.js 有什么用？

Draw2.js 以现实事物来抽象。可以极大的方便你编写 h5 canvas 代码。极大的方便了开发动画。

demo

创建一个 Aplication

  let app = new BApplication();
  app.createWindow(0,0,800,600,'1px solid #000',document.body,60);
  app.init();

创建一个导演

    let director = new BDirector();
    director.init(app);

布置一个场景

    let sceneLayer1 =new BScene(800,600);

将场景加入 director 控制

  director.addScene(sceneLayer1);

创建一个精灵

    let rectSprite1 = new BSprite(100,100);

设置精灵的位置

  rectSprite1.setPosition([100,100]);

创建一个 Action 并运行

  let box = new BBollMove(4,4,[800,600]);
  rectSprite1.runAction(box);

添加精灵到场景中

    scene.addChild(rectSprite1)

导演开始工作

    director.run();