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

• 授权协议: GPL
• 开发语言: JavaScript
• 操作系统: 跨平台
• 软件首页: https://github.com/348052148/Draw2.js
• 软件文档: https://github.com/348052148/Draw2.js
• 官方下载: https://github.com/348052148/Draw2.js

软件介绍

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();

本文地址：https://www.codercto.com/soft/d/9424.html