基于CSS3的3D图形引擎：DivSugar
jopen
11年前
DivSugar是一个基于CSS3的3D图形引擎。它提供了一个3D场景图形，一个动画系统，和几何类。场景图的节点是一个扩展的div元素，所以它使得整合三维动画到现有网站上的网页变得很容易，适合制作休闲游戏，或复杂的3D报表。
Divsugar依靠CSS进行3D变换，可以运行在Safari，Chrome和Firefox。
DivSugar提供以下功能：
- 通过使用CSS3实现的3D场景图
- 2种类型的动画机制（基于帧和基于时间线）
- 3D几何类，其中包括向量，矩阵和四元数
- 键盘/鼠标输入处理
var scn = new DivSugar.Scene() .setSize(800, 600) .setImage('#000080') .appendTo(document.body); var node = new DivSugar.Node() .setSize(300, 300) .setPosition(10, 20, 30) .setImage('image.jpg') .appendTo(scn);