UD5工具箱
数字滚动动画生成器 - 递增计数特效
生成从0滚到目标数字的动画，可调节速度和延迟，复制HTML/JS代码。
100%
💡 空格键+拖拽平移 | 滚轮缩放 | Ctrl+Z 撤销
📋 使用指南 & 常见问题
🖊️ 如何切换不同工具？
点击工具栏左侧的图标即可切换画笔、激光笔、橡皮擦和平移工具。也可以使用快捷键：B（画笔）、L（激光笔）、E（橡皮擦）、H（平移）。
🔴 激光笔有什么特点？
激光笔绘制的线条带有发光效果，松开鼠标后约2-3秒自动淡出消失。非常适合演示时临时标注重点，或远程协作中指示位置。单击可留下短暂光点。
🔍 如何缩放和平移画布？
使用鼠标滚轮缩放画布（以光标位置为中心）。按住空格键拖拽可临时平移，或切换到平移工具（手型图标）直接拖拽。移动端支持双指手势缩放和平移。
↩️ 支持撤销操作吗？
支持！点击撤销按钮或按 Ctrl+Z 可撤销上一步绘制。按 Ctrl+Shift+Z 可重做。撤销/重做栈会保留完整的操作历史。
💾 如何保存白板内容？
点击工具栏右侧的下载按钮，可将当前可见区域导出为高清PNG图片，方便分享或存档。导出内容包含所有非激光笔的笔迹。
📱 移动端可以使用吗？
完全支持！在手机或平板上，单指绘制，双指缩放和平移。工具栏会自动适配小屏幕，提供流畅的手绘体验。推荐横屏使用。
🎨 无限画布是什么意思？
画布没有固定边界，您可以自由平移和缩放，在任意位置绘制。网格点阵帮助感知空间位置和缩放比例。缩放范围从10%到500%。
⚡ 有哪些实用快捷键？
B画笔 | L激光笔 | E橡皮擦 | H平移 | 空格键临时平移 | Ctrl+Z撤销 | Ctrl+Shift+Z重做 | 滚轮缩放 | Ctrl+0重置视图
图像炭笔画效果生成 - 粗糙线条与颗粒感
结合对比度拉伸和强噪点纹理，将照片变为具有深色粗糙质感的炭笔素描画。
埃拉托斯特尼筛法动画 - 素数的筛选过程
逐步动画展示埃拉托斯特尼筛法，高亮被划掉的合数，直观理解素数生成原理。
埃拉托斯特尼筛法 - 素数筛选动画
动画展示埃拉托斯特尼筛法逐步划去倍数，最终留下指定范围内的所有素数。
励志语录拼贴墙 - 拖拽布置屏幕正能量
从内置库选择喜欢的名言，拖拽到屏幕任意位置缩放摆放，截图当壁纸。
星空粒子背景代码生成器 - 连线动态特效
生成深邃宇宙风格的粒子背景代码，粒子间近距离自动连线，适合科技感网页。
浮雕效果生成器 - 照片转浮雕Canvas处理
将图片处理为浮雕效果，模拟雕刻凸起感，可调光线方向以控制凹凸视觉。
structuredClone 深度克隆测试器 - 对象对比
输入复杂对象，使用 structuredClone 进行深拷贝，并对比原始对象与克隆体，展示可拷贝类型。
Shadow DOM 插槽演示 - slot 内容投影可视化
构建带具名插槽的 Shadow DOM，改变宿主内容观察插槽分配，学习组件组合。
粒子特效生成器 - Canvas粒子动画代码
配置粒子数量、颜色、运动方式和连线，生成动态粒子背景效果，一键复制JS实现。
编绳结图库 - 基础结法动画演示
学习平结、雀头结、螺旋结等Macrame基础结法的分步动画图解。
布朗噪声深度专注播放器 - 柔和低频
生成纯布朗噪声，比白噪音更低沉，帮助深度工作和快速入睡。
几何线框生成器 - 柏拉图立体旋转
以线框形式渲染正四面体、立方体等柏拉图立体，可鼠标拖拽旋转。
指针锁定 API 演示 - 3D 迷宫移动
使用指针锁定 API 在 3D 场景中控制视角移动，模拟 FPS 游戏鼠标控制。
无障碍名称计算演示 - 元素的可访问名称来源
选择一个元素，展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
WebGPU 计算着色器演示 - 并行矩阵乘法
使用 WebGPU 编写计算着色器执行矩阵乘法，对比 CPU 性能。
Navigation API 演示 - 现代前端路由导航
使用新的 Navigation API 拦截导航、管理历史条目，构建类 SPA 体验。
Web NFC 写入演示 - 向 NFC 标签写数据
使用 NDEF 格式向 NFC 标签写入文本、URL 或自定义记录。
CSS 作用域演示 - Shadow DOM 样式隔离效果
创建 Shadow DOM 与普通 DOM 元素，对比样式隔离效果，理解 @layer 和 scoped styles。
加密媒体扩展演示 - EME 播放 DRM 内容示意
模拟 Encrypted Media Extensions 流程，展示如何请求许可证并播放受保护视频。
DOM 事件传播模拟器 - 捕获与冒泡阶段可视化
构建嵌套元素，触发事件并逐步显示事件流经路径，可切换捕获/冒泡模式。
斯巴达棒密码演示 - 绕棍子写解密
模拟古代斯巴达人将羊皮纸绕在棍上写信息的方法，输入文本解密。
视错觉库 - 交互体验著名错觉
收录多幅动态与静态视错觉，可调节参数观察效果，附科学解释。
四季成因互动演示 - 地轴倾角与光照
3D地球展示地轴倾角与公转，调节月份直观理解太阳直射点移动如何形成四季。
图像纹理合成演示器 - 基于样图生成大图
上传一小块纹理样本，利用简单模板匹配算法无缝扩展填充成一张大图。
WebAuthn模拟器 - 创建与验证凭据
使用CTAP2模拟器或安全密钥在浏览器中体验无密码注册与认证流程。
结构化克隆演示 - 深拷贝支持类型
选择各种数据类型演示structuredClone的深拷贝能力，对比JSON.parse的限制。
Web Worker计算演示 - 后台斐波那契不卡顿
在主线程和Worker中分别计算大斐波那契数，对比界面的响应度。
人眼极限分辨率演示 - 角分辨测试
显示渐小条纹，测试你能分辨的最小视角，对照理论视网膜细胞密度。
采样定理演示 - 欠采样与混叠现象
调节采样频率，观察对正弦波的离散采样和重建效果，演示欠采样导致的频率混叠。