Draw2.js基于 H5 Canvas 的簡單圖形引擎

Draw2.js

一個基于 h5 canvas 實現的簡單圖形引擎。

Draw2.js 有什么用？

Draw2.js 以現實事物來抽象。可以極大的方便你編寫 h5 canvas 代碼。極大的方便了開發(fā)動畫。

demo

創(chuàng)建一個 Aplication

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

創(chuàng)建一個導演

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

布置一個場景

    let sceneLayer1 =new BScene(800,600);

將場景加入 director 控制

  director.addScene(sceneLayer1);

創(chuàng)建一個精靈

    let rectSprite1 = new BSprite(100,100);

設置精靈的位置

  rectSprite1.setPosition([100,100]);

創(chuàng)建一個 Action 并運行

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

添加精靈到場景中

    scene.addChild(rectSprite1)

導演開始工作

    director.run();