Xeogl 基于 WebGL 的 3D 引擎

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]
});