基于CSS3的3D图形引擎:DivSugar
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);
本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!