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();
评论
Rough.js基于 Canvas 的手绘风格图形库
Rough.js 是一个轻量级的(大约8k),基于 Canvas 的可以绘制出粗略的手绘风格的图形库
Rough.js基于 Canvas 的手绘风格图形库
0
Matter.js基于 Web 的 2D 图形引擎
Matter.js是一个基于Web的2D图形引擎。特性:物理属性(质量、面积、密度等)任何凸多边形的刚体稳定的叠加和resting碰撞(broad-phase,mid-phaseandnarrow-p
Matter.js基于 Web 的 2D 图形引擎
0
DivSugar基于CSS3的3D图形引擎
DivSugar是一个基于CSS3的3D图形引擎。它提供了一个3D场景图形,一个动画系统,和几何类。场景图的节点是一个扩展的div元素,所以它使得整合三维动画到现有网站上的网页变得很容易,适合制作休闲
DivSugar基于CSS3的3D图形引擎
0
jPCT基于OpenGL的3D图形引擎
jPCT是一款基于OpenGL技术开发的3D图形引擎(PC环境为标准OpenGL,Android为OpenGLES),以Java语言为基础的,拥有功能强大的Java3D解决方案。该引擎与LGame(此
jPCT基于OpenGL的3D图形引擎
0
Rough.js基于 Canvas 的手绘风格图形库
Rough.js是一个轻量级的(大约8k),基于Canvas的可以绘制出粗略的手绘风格的图形库。该库提供绘制线条、曲线、弧线、多边形、圆形和椭圆的基础能力,同时支持绘制SVG路径。Usageconst
Rough.js基于 Canvas 的手绘风格图形库
0