UD5工具箱
Stroop效应测试 - 颜色字义与颜色冲突
显示用颜色墨水书写的颜色名称，但字义与墨水色不一致，要求忽略字义报告墨水色，测试反应抑制。
表情控制
#FFD93D
#3E2723
😢 难过
😊 微笑
常见问题与知识点
什么是SVG表情动画？
SVG（可缩放矢量图形）表情动画是使用矢量图形技术创建的表情符号动画。与传统的GIF或视频动画不同，SVG动画占用空间极小，可无限缩放不失真，且支持通过CSS或JavaScript进行实时交互控制。
如何导出和使用生成的SVG表情？
点击"下载SVG"按钮可将当前表情保存为.svg文件，该文件可直接在浏览器中打开，也可嵌入网页、PPT演示文稿或设计软件中使用。点击"复制代码"可获取SVG代码，粘贴到HTML文档中即可。
眨眼动画是如何实现的？
眨眼动画通过JavaScript实时修改SVG眼睛元素的垂直半径（ry属性）来实现。系统使用状态机控制眨眼的节奏——快速闭合（约120ms）、短暂停留（约60ms）、再快速睁开（约120ms），模拟自然的眨眼动作。
SVG表情相比GIF表情有什么优势？
SVG表情具有以下优势：①矢量格式可无限缩放不失真；②文件体积远小于GIF（通常仅1-3KB）；③支持实时编辑颜色和形状；④可通过代码控制动画行为；⑤在Retina高清屏幕上显示完美清晰。
如何将表情用于网页或聊天软件？
您可以下载SVG文件后，将其转换为PNG（使用在线转换工具）用于聊天软件和社交媒体。对于网页开发，可直接将SVG代码嵌入HTML，或使用<img>标签引用.svg文件。SVG格式在现代浏览器中均获得良好支持。
文本转Emoji故事 - 用表情重写短句
输入一个短句，通过关键词映射转换为由Emoji构成的视觉叙事。
勾股定理证明动画 - 面积拼图法演示
通过正方形面积拼图动画直观证明 a²+b²=c²，支持多种经典证明方法切换。
动画帧率分析器 - requestAnimationFrame 监控
显示当前页面动画的实时 FPS 图表，检测掉帧和卡顿，辅助性能优化。
GIF 动画转精灵表生成器 - 按行/列提取帧
上传 GIF 动画，提取每一帧并拼接为单张精灵表图片，可设置排列方式，用于游戏开发。
二叉树遍历动画 - 前/中/后/层序可视化
构建或随机生成二叉树，逐步动画展示前序、中序、后序和层序遍历的路径。
面部瑜伽练习引导 - 紧致提拉动画教学
跟着动画演示做面部肌肉锻炼，每天几分钟，舒缓表情纹。
绳结打法动画 - 10种户外常用结详解
分步动画演示称人结、双套结等打法，可慢放跟学。
Emoji 谜语生成器 - 用表情符号编造词语
用Emoji组合表示成语/电影名，生成谜面供朋友猜，也可随机出题挑战。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。
SVG噪点/颗粒质感生成器 - 叠加纹理背景
生成可平铺的细微颗粒、皱纸或帆布质感SVG滤镜，用于网页高级感。
旗语动画演示器 - 字母/数字旗语翻译
输入文本，以动画小人挥舞旗帜演示国际旗语及莫尔斯旗语样式。
环形缓冲区动画演示 - 读写指针运动
动画展示环形/循环缓冲区的Enqueue、Dequeue操作以及头尾指针的移动逻辑。
互动指针特效生成器 - 鼠标光标跟随动画
选择光晕、拖尾、磁吸等风格，生成自制的JS鼠标光标特效代码。
交互式水循环演示 - 蒸发/降水/径流
拖拽太阳、云朵因素，直观展示自然界水循环的蒸发、凝结、降落和渗透过程。
视图过渡动画演示 - View Transitions API
在多页面或元素切换时呈现流畅的交叉淡入淡出和变形动画，体验原生视图过渡。
Lenny表情生成器 - ( ͡° ͜ʖ ͡°)等恶搞表情
快速复制各种Lenny Face和其他Unicode文字恶搞表情，支持随机推荐和收藏。
颜文字表情拼装器 - 拖拽部件生成Kaomoji
从眉毛、眼睛、嘴巴等部件中拖拽组合，生成独一无二的日式颜文字表情，一键复制。
文字转SVG路径 - 字体轮廓提取
输入文字，选择系统字体，将每个字符的轮廓转换为SVG path数据。
预设动画库 - 常用CSS关键帧
浏览并一键复制常见CSS动画（跳动、淡入、滑动等）的@keyframes代码。
终端打字效果生成 - 类似黑客屏幕
生成逐行显示的终端风格文本动画，带有光标闪烁，营造黑客氛围。
整数数轴演示 - 正负数加减动画
在数轴上动画展示正负数加减法，显示移动方向与结果。
文字动画GIF生成器 - 闪烁/打字效果
输入文字，选择闪烁、打字、彩虹等动态效果，生成文字动画GIF。
粒子背景生成器 - 星空/气泡/雪花CSS效果
选择粒子样式（星星、泡泡、花瓣等），生成用于网站背景的纯CSS或JS动画代码。
迷宫自动走解器 - DFS/BFS寻路动画
绘制或生成迷宫墙，选择DFS或BFS算法自动寻找出口，动画展示探索过程。
CSS缓动函数试玩场 - 所有预设一览
并列播放所有CSS内置缓动函数（ease, linear等）的动画效果，方便对比选择。
几何图案生成器 - 交互式重复纹理SVG
选择基本形状（六边形、菱形等）和配色，无缝拼接生成SVG几何背景图案。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件，播放并控制速度、方向，预览动效效果。
SVG环形进度条生成器 - 绘图进度圈
设定百分比、颜色和粗细，生成环形SVG进度条代码，可增加动画。
打字机文本动画播放器 - 批量文本逐条展示
输入多段话，像打字机一样逐字输出并自动切换，适合大屏展示或预告片效果。