UD5工具箱
六面立方体实时预览
工具提供一个完整的 3D 立方体作为预览模型，立方体的六个面分别使用不同的颜色标识：前面为蓝色、后面为红色、右面为绿色、左面为黄色、顶面为青色、底面为品红色。每个面上标注了对应的面名（Front/Back/Right/Left/Top/Bottom），开发者在旋转视角时可以清晰地辨别每个面的位置和朝向，这对于理解 3D 空间中的方向关系非常有帮助。
拖拽旋转与滚轮调透视
用户可以通过鼠标拖拽直接旋转 3D 立方体的视角，操作方式类似于 3D 建模软件中的轨道相机控制。拖拽时视角会跟随鼠标实时变化，松开鼠标后视角保持在当前位置。同时，用户可以通过鼠标滚轮来调整透视距离（perspective），向上滚动减小透视值使效果更夸张，向下滚动增大透视值使效果更平缓。这种直观的交互方式让 3D 空间探索变得轻松自然。
完整的透视参数控制
工具提供 perspective（透视距离）和 perspective-origin（透视原点）的完整控制。透视距离决定了 3D 效果的强度，值越小透视效果越夸张，值越大越接近平行投影。透视原点通过 X 和 Y 两个百分比滑块控制，默认为 50% 50%（中心位置），调整后可以模拟从不同角度观察物体的效果，为开发者提供更灵活的视角控制能力。
三轴旋转控制
支持 rotateX、rotateY、rotateZ 三个旋转轴的独立控制，每个轴提供一个 -360 到 360 度的滑块。rotateX 绕水平轴旋转（俯仰），rotateY 绕垂直轴旋转（偏航），rotateZ 绕深度轴旋转（翻滚）。三个轴的旋转可以组合使用，实现任意角度的 3D 旋转效果。开发者可以单独调整某个轴的旋转角度，也可以同时调整多个轴来观察组合旋转的效果。
三轴平移控制
支持 translateX、translateY、translateZ 三个方向的平移控制。translateX 控制水平方向位移，translateY 控制垂直方向位移，translateZ 控制深度方向位移（沿观察方向靠近或远离观察者）。translateZ 的效果与 perspective 密切配合：当 perspective 存在时，translateZ 为正值会使物体看起来更大（更靠近观察者），负值使物体看起来更小（更远离观察者）。滑块范围设计合理，方便开发者精确调整位移量。
三轴缩放控制
支持 scaleX、scaleY、scaleZ 三个轴向的独立缩放控制。缩放因子从 0.1 到 3.0，允许开发者对立方体进行非等比缩放。例如，将 scaleX 设为 2.0 可以使立方体在水平方向拉伸为原来的两倍，将 scaleY 设为 0.5 可以使立方体在垂直方向压缩为原来的一半。这种非等比缩放在创建扁平化的 3D 元素或特殊的视觉效果时非常有用。
快速预设与实用功能
工具内置 7 个快速预设方案：默认3D（标准的 3D 立方体展示）、正面视图（从正前方观察）、俯视视图（从正上方俯瞰）、夸张透视（极强的透视效果）、平面视图（关闭透视的 2D 效果）、侧面视图（从右侧观察）、倾斜特写（近距离倾斜观察）。此外还提供一键复制 CSS 代码功能，将当前所有变换参数生成为可直接使用的 CSS 代码；自动旋转功能可在演示场景中持续旋转立方体；重置功能一键恢复所有参数到默认值。