UD5工具箱
ASCII STL查看器 - 3D模型线框显示
加载文本格式的STL模型文件，以线框形式旋转查看它的三维结构。
FOV 75° | θ 0° φ 90°
等距柱状投影是一种将球面（360°全景）映射到2D矩形图像的方法。水平方向覆盖360°经度，垂直方向覆盖180°纬度，图像的宽高比通常为2:1。这种投影格式广泛应用于HDRI环境贴图、360°全景照片、天空盒纹理等领域。其特点是经纬线在图像中呈现为等间距的直线网格，便于计算机处理和采样。
环境贴图在3D渲染中广泛用于：基于图像的照明（IBL）——为场景提供真实的环境光照和反射；天空盒背景——作为场景的远景背景；产品可视化——为金属、玻璃等反射材质提供逼真的反射环境；VR/AR应用——构建沉浸式虚拟环境。高质量的HDRI环境贴图能显著提升渲染的真实感。
拖拽旋转：使用鼠标左键拖拽（或触摸滑动）来旋转视角，水平拖拽改变经度，垂直拖拽改变纬度。
滚轮缩放：使用鼠标滚轮（或双指捏合）调整视野范围（FOV），模拟放大缩小效果。
方向按钮：点击底部方向按钮快速跳转到前、后、左、右、上、下六个标准视角。
上传贴图：点击"上传"按钮加载自己的等距柱状投影贴图（支持JPEG/PNG/WebP格式，建议2:1比例）。
滚轮缩放：使用鼠标滚轮（或双指捏合）调整视野范围（FOV），模拟放大缩小效果。
方向按钮：点击底部方向按钮快速跳转到前、后、左、右、上、下六个标准视角。
上传贴图：点击"上传"按钮加载自己的等距柱状投影贴图（支持JPEG/PNG/WebP格式，建议2:1比例）。
当前版本主要支持JPEG、PNG、WebP等标准8位图像格式。对于HDR（.hdr）和EXR（.exr）等高动态范围格式，由于其需要特殊的解码器（如RGBELoader），本工具暂不支持直接预览。建议先将HDR文件转换为Tone-Mapped的JPEG/PNG版本进行查看，或使用专业的HDRI查看工具如HDRI Haven在线查看器。
等距柱状投影在球体的两极（顶部和底部）区域会产生自然的拉伸现象，这是投影方式本身的特性——极点的单个像素在球体上会展开成一条线。如果您上传的贴图宽高比不是2:1，也会导致贴图在球体上分布不均匀。为确保最佳查看效果，请使用宽高比接近2:1的等距柱状投影贴图。
3D多层阴影生成器 - 拟物化立体感
通过堆叠多层text-shadow或box-shadow创造浮雕或厚重立体文字效果，复制代码。
环面纽结动画 - 数学3D可视化
以3D渲染(p,q)环面纽结，可旋转视角，感受拓扑之美。
CSS 3D 立体文字生成器 - 多层阴影叠加
通过多层 text-shadow 叠加生成具有厚度和光照感的 3D 文字效果。
视差层构建器 - 多层滚动的HTML模板
配置多个背景层或前景层，设定各层滚动速度因子，生成完整视差页面代码。
Flexbox属性速查 - 可视对照表
可视化Flexbox容器和子项的所有属性及选项，鼠标悬停预览效果。
多尺寸Favicon导出器 - 生成全平台图标包
上传一张原图，智能裁剪并输出从16x16到512x512的各尺寸ICO/PNG，适合网页与PWA。
多层阴影层设计器 - 拟物化/纸雕效果
添加多个阴影层，独立调节每层的偏移、模糊、扩展和颜色，创造复杂立体效果。
渐变网格着色器 - 多点自由色渐变
在画布上放置多个色点，颜色平滑插值形成类似矢量网格渐变的梦幻背景。
CSS Grid 调试覆盖层 - 显示网格线与区域
在页面上叠加可拖拽的半透明网格线，辅助网格布局对齐。
霍夫线变换演示 - 检测图片中的直线
在绘图板画几条直线，算法自动利用霍夫变换检测并高亮出这些线段。
视差背景生成器 - 纯 CSS 多层效果
上传图片并设置层位置和滚动速度，生成纯 CSS 的多层视差滚动背景代码。
混合风格精美时钟 - 拟物指针加数字日期
一款漂亮的拟物指针时钟，同时显示数字时间和日历，适合常驻副屏或全屏。
图层混合模式演示 - 叠加/柔光等在线比较
上传两张图片，实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
Tailwind 调色板可视化浏览器 - 所有色阶一览
可视化浏览 Tailwind CSS 所有内置颜色的 50-950 色阶，点击复制类名或色值。
字距与字偶距预览器 - 实时调节CSS letter-spacing
输入文本，滑块调节letter-spacing和word-spacing，实时显示效果并复制CSS。
流线绘制器 - 点选种子查看向量场
在预设向量场中点击放置种子，绘制通过该点的流线，表现场的方式。
Web App Manifest 图标预览 - 模拟主屏图标效果
上传图标文件并设置背景色，模拟在 Android/iOS 主屏幕上的添加效果，检查视觉适配。
实时协作画板 - 通过WebSocket同步
基于简单WebSocket服务，多人同时在同一画布上绘图，远程协作。
CSS Contain 属性演示 - 观察布局/样式/尺寸限制效果
应用 contain 的各种值（layout, paint, size），直观对比开启前后渲染和布局的变化。
屏幕标尺量角器 - 叠加元素测量长宽角度
可拖拽的虚拟尺子和量角器叠于当前页面，精确测量像素长度与旋转角度。
SVG背景图案集 - 点线/网格/波纹等
提供数十种精致SVG背景纹理，可调颜色，生成CSS背景代码或下载SVG。
滚动驱动动画创作台 - 基于Scroll Timeline的可视化
配置滚动容器与目标元素，自定义随滚动触发的关键帧动画，输出纯CSS代码。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件，播放并控制速度、方向，预览动效效果。
配色环和谐规则可视化 - 实时补色与分裂互补
拖拽基色指针，自动计算互补、近似、三等分等七种和谐配色方案，复制十六进制值。
现代平滑阴影生成器 - 多层阴影叠加
通过叠加多个阴影创建柔和且真实的UI投影，导出CSS。
图片幻灯生成器 - 序列帧转视频WebM
上传一组图片，设定每张展示秒数和转场，生成WebM视频幻灯。
全尺寸Favicon生成 - 多平台图标包
上传主图，同时生成32x32、180x180等平台所需的所有favicon尺寸和manifest。
滚动吸附生成器 - 全屏滚动页面模板
配置多屏垂直或水平滑动卡片，生成带CSS Scroll Snap的HTML页面代码。
范围滑块样式生成器 - 自定义input range外观
可视化配置范围滑块的轨道、滑块、填充颜色，生成跨浏览器的CSS代码。