开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
Draw2.js首页、文档和下载 - 基于 H5 Canvas 的简单图形引擎 - 开源中国社区
Float_left Icon_close
全部项目分类
我要评价
GPL
JavaScript
跨平台
日洛丶
分享
收藏
3 人收藏
收录时间:2017-12-07
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();
Draw2.js

选择将代码托管在码云
你还在等什么

可能是中国最大最好的代码托管平台


大家对 Draw2.js 的评论 (全部 0 条评论)
{{repayCom.userName}}
顶部