UD5工具箱
专业术语解析
Three.js
Three.js 是一个基于 WebGL 的 JavaScript 3D图形库，它封装了底层复杂的 WebGL API，提供了简洁易用的接口来创建和渲染3D场景。Three.js 支持多种几何体、材质、灯光、相机类型，是目前最流行的Web端3D开发框架之一，广泛应用于数据可视化、游戏开发、产品展示等领域。
几何体（Geometry）
几何体是3D场景中的基础形状对象，定义了物体的三维形状和顶点数据。常见的几何体包括立方体（BoxGeometry）、球体（SphereGeometry）、圆柱体（CylinderGeometry）等。每种几何体都有可配置的参数，例如球体的半径和分段数决定了其表面的光滑程度。在 Three.js 中，几何体通常与材质组合形成网格（Mesh）对象。
网格（Mesh）
网格是 Three.js 中最基本的可渲染对象，由几何体（Geometry）和材质（Material）两部分组成。几何体定义了物体的形状，材质定义了物体的外观（如颜色、纹理、透明度等）。将网格对象添加到场景（Scene）中后，通过渲染器（Renderer）即可在屏幕上显示出3D物体。
灯光（Light）
灯光是3D场景中用于照明的对象，不同的灯光类型会产生不同的光照效果。Three.js 提供了多种灯光类型：环境光提供全局均匀照明不产生阴影，点光源从一点向四周发光并随距离衰减，方向光模拟平行光线如太阳光，聚光灯产生锥形光束有明确的照射方向，半球光分别控制天空和地面的光照颜色。合理的灯光配置是创建逼真3D场景的关键。
场景对象列表
场景对象列表是编辑器提供的一个可视化管理面板，以树形结构展示当前场景中的所有元素，包括几何体、灯光和其他辅助对象。通过场景对象列表，用户可以快速选择、重命名、删除场景中的对象，也可以查看对象之间的父子层级关系。这是复杂场景管理中非常重要的功能。
属性面板
属性面板是编辑器界面中用于显示和编辑选中对象各项参数的区域。当用户在场景中或列表中选中一个对象时，属性面板会展示该对象的所有可编辑属性，包括变换属性（位置、旋转、缩放）、材质属性（颜色、透明度、线框模式）以及特定类型的专属属性（如灯光的强度和距离）。用户可以直接在面板中输入数值或使用滑块来修改这些属性。
视角控制
视角控制功能允许用户在3D场景中自由移动和旋转观察角度。常见的视角操作包括：左键拖拽旋转视角（轨道控制器）、滚轮缩放远近、右键拖拽平移画面。通过视角控制，用户可以从任意角度检查场景中的对象布局和灯光效果，确保每个细节都符合预期。部分编辑器还提供预设视角切换功能。
截图功能
截图功能是指将当前3D场景的渲染结果保存为静态图片的功能。在 Three.js 中，渲染器的 domElement（通常是 canvas 元素）可以通过 toDataURL 方法导出为图片数据。截图功能通常支持导出为 PNG 格式，保留了当前视角下的完整渲染画面，方便用户保存场景效果、分享作品或用于文档和演示。
触屏支持
触屏支持是指编辑器针对触摸屏设备（如平板电脑、智能手机）进行的交互优化。包括将鼠标操作转换为触摸手势：单指拖拽替代鼠标拖拽、双指缩放替代滚轮缩放、长按替代右键操作等。良好的触屏支持使得编辑器能够在移动设备上正常使用，扩展了工具的使用场景。