响应式测试互动盒 - 输入代码观看不同尺寸
粘贴HTML/CSS片段,拖动视口调整宽度,实时观察布局变化。
UD5工具箱
盯住彩色图形,倒计时结束后看向白墙,看到互补色残影
你盯的颜色与将在白墙上看到的后像颜色互为互补色:
粘贴HTML/CSS片段,拖动视口调整宽度,实时观察布局变化。
亲身体验三门问题,选择是否换门,统计大量实验下的中奖概率,验证反直觉结果。
在指定区域进行触摸操作,实时显示触摸点坐标和识别的基础手势(滑动、捏合等)。
将任意HTML元素全屏,监听进入/退出事件,并自定义全屏样式,理解全屏API细节。
记录每轮点数与得分,自动求和判定胜负,适配多种地方规则。
随机播放上行或下行旋律音程,在多个选项中选择正确度数,累计正确率。
添加玩家,输入每轮得分,实时显示总分和排名,适合游戏之夜。
控制角色跳跃与滑铲,躲避不断涌来的障碍物,挑战最长距离。
连接MIDI设备,实时显示音符编号、音名、力度及控制变化信息,调试音乐应用。
播放两个音符,判断是否为纯五度关系,锻炼音乐听觉。
为每个字母分配多个替代符号以打乱频率,加密后更难破解。
点击虚拟钢琴键盘,实时在五线谱上显示对应音符,同时播放音高,音乐入门利器。
经典三连棋,支持双人在同一设备对战或与简单AI对抗。
交互式模拟Enigma I密码机,可配置转子、环形设置和插线板,加密解密消息。
加载.mid文件,使用Web Audio和内置音色库播放,并实时展示钢琴卷帘及音轨。
将电脑键盘映射为钢琴琴键或自定义音阶,打字时演奏音乐。
利用麦克风估算环境噪音分贝,显示安静/正常/吵闹等级,保护听力。
粘贴想练习的文本,计时打字,计算WPM与准确率。
掷五个骰子,按照类似扑克的牌型(一对、顺子、葫芦等)统计得分。
内置目标单词库,六次尝试,字母位置正确变绿,存在变黄。
用有限的木条和节点搭建桥梁,看车辆能否顺利通过而不坍塌。
展示页面从active到frozen等状态切换事件,记录日志,帮助理解浏览器优化机制。
模拟 Encrypted Media Extensions 流程,展示如何请求许可证并播放受保护视频。
选择不同的混合模式并调整背景与前景,实时查看混合效果,支持所有标准混合模式。
模拟古代斯巴达人将羊皮纸绕在棍上写信息的方法,输入文本解密。
收录多幅动态与静态视错觉,可调节参数观察效果,附科学解释。
使用鼠标或触控笔在无限画布上涂鸦,激光笔模式不留下痕迹,适合演示思路。
列出从text到color的所有input type,旁边实时展示控件的原生渲染,表单开发参考。
模拟跨站请求伪造攻击以及如何通过CSRF Token进行防护的流程演示。
动画展示滑动窗口和令牌桶算法如何限制API请求速率,对比两者差异。