DivSugar

基于CSS3的3D图形引擎
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 程序开发、 3D图形处理库
软件类型 开源软件
地区 不详
投 递 者 百里成仁
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

DivSugar是一个基于CSS3的3D图形引擎。它提供了一个3D场景图形,一个动画系统,和几何类。场景图的节点是一个扩展的div元素,所以它使得整合三维动画到现有网站上的网页变得很容易,适合制作休闲游戏,或复杂的3D报表。

Divsugar依靠CSS进行3D变换,可以运行在Safari,Chrome和Firefox。

DivSugar提供以下功能:

- 通过使用CSS3实现的3D场景图
- 2种类型的动画机制(基于帧和基于时间线)
- 3D几何类,其中包括向量,矩阵和四元数
- 键盘/鼠标输入处理
 相关资料
  • 使用3d变换,我们可以将元素移动到x轴,y轴和z轴。下面的示例清楚地指定元素将如何旋转。 3D变换的方法 以下方法用于调用3D变换 - Sr.No. 价值和描述 1 matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 用于通过使用16个矩阵值来转换元素 2 translate3d(x,y,z) 用于通过使用x轴,y轴和z轴转换元素 3 translateX(x) 用

  • 主要内容:JOGL 3D 示例在3D物体中,z 轴也与 x 轴和 y 轴同时存在。这些轴表示对象的高度、宽度和深度。因此,它代表了对象的真实视图。 JOGL 3D 示例 在这个例子中,我们正在创建一个简单的 3D 对象。 输出结果为:

  • Highcharts 3D图 以下实例演示了3D柱形图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.options3d 配置 以下列出了 3D 图的基本配置,设置 chart 的 type 属性为 column,options3d 选项可设置三维效果。 var chart = { type: 'column',

  • #rotate2D,#rotate3D { width: 80px; height: 70px; color: white; position:relative; font-weight:bold; font-size:15px; padding:10px; float:left; margin-right:50px; border-radius:5px; border:1px solid #00

  • 本文向大家介绍Three.js的使用及绘制基础3D图形详解,包括了Three.js的使用及绘制基础3D图形详解的使用技巧和注意事项,需要的朋友参考一下 一、 前言 Three.js 是一款 webGL(3D绘图标准,在此不赘述)引擎,可以运行于所有支持 webGL 的浏览器。Three.js 封装了 webGL 底层的 API ,为我们提供了高级的开发接口,可以使用简单的代码去实现 3D 渲染。(

  • 在这个 Matplotlib 教程中,我们要介绍 3D 条形图。 3D 条形图是非常独特的,因为它允许我们绘制多于 3 个维度。 不,你不能超过第三个维度来绘制,但你可以绘制多于 3 个维度。 对于条形图,你需要拥有条形的起点,条形的高度和宽度。 但对于 3D 条形图,你还有另一个选项,就是条形的深度。 大多数情况下,条形图从轴上的条形平面开始,但是你也可以通过打破此约束来添加另一个维度。 然而,