xeogl 是由 xeolabs 创建的基于数据驱动的基于 WebGL 的引擎,用于在浏览器中进行 3D 可视化,无需使用插件
特性
- 3D 引擎:
- 使用 WebGL 进行渲染
- 基于组件的场景图
- 用 ECMAScript 6 编写
- 没有外部依赖;与库和工具无关
- 开源
- 专为 CAD、BIM 和 ArchViz 设计:
- 加载多个模型
- 隔离/移动/强调对象
- 相机导航控件
- 相机动画(飞行、跟随、路径等)
- 强调效果(线框、重影、高光、轮廓)
- 注释
- 横截面视图
- 场景对象层次结构
- 转换层次结构
- 边界卷
- 3D 拾取、光线投射
- 屏幕截图
<script src="xeogl.js"></script>
var geometry = new xeogl.TorusGeometry({
radius: 1.0,
tube: 0.3
});
var material = new xeogl.MetallicMaterial({
baseColorMap: new xeogl.Texture({
src: "textures/diffuse/uvGrid2.jpg"
}),
roughnessMap: new xeogl.Texture({
src: "textures/roughness/goldRoughness.jpg"
})
});
var mesh = new xeogl.Mesh({
geometry: geometry,
material: material,
position: [0, 0, 10]
});