音乐频谱可视化 - 实时跳动频率柱
本地音频或麦克风输入时,显示随音乐跳动的频谱柱状图,多种配色风格。
UD5工具箱
拖拽声源 · 实时空间音频渲染 · 支持HRTF双耳定位
本地音频或麦克风输入时,显示随音乐跳动的频谱柱状图,多种配色风格。
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
在散点图上拖拽数据点,实时更新最小二乘回归线,显示斜率和截距。
调节频率、包络和波形,合成短促的UI提示音并下载WAV。
生成指定频率的纯音,可选择正弦波、方波、锯齿波等波形,用于听力测试或音频实验。
上传等距柱状投影全景图,鼠标拖拽旋转视角,支持手机陀螺仪,沉浸式浏览。
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
交互式探索Julia集,实时调整复数参数c,支持平滑着色和鼠标缩放,感受分形之美。
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
屏幕颜色变化时尽快点击,测量从刺激到反应的时间,统计平均反应速度。
在图像上点击,利用前端模型将点击范围内的主要物体自动从背景分离。
拖拽添加图片与文字,生成响应式轮播图Slider,支持自动播放和导航点,提供HTML/CSS/JS代码。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
选择不同的频率和振动模式,生成对应的二维克拉尼金属板砂粒聚集图案。
生成点击导航平滑滚动到对应Section并高亮当前菜单项的完整代码。
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
选择算法并随机生成数组,以彩色条动画展示排序过程,帮助理解算法。
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异,辅助选择合适曲线。
独立控制 perspective、rotateX/Y/Z、translateZ 等,实时查看3D卡片或立方体效果。
通过麦克风哼唱简单旋律,使用自相关算法提取基频并转换为MIDI音符序列。
展示一对旋转角度不同的三维块状图形,判断是否为同一形状的镜像或旋转。
从上传的图片中提取主要颜色或指定像素的RGB/HEX值,生成图片调色板,辅助配色设计。
配置启动画面背景色与图标,生成对应manifest和meta标签代码。
输入文字,选择闪烁、打字、彩虹等动态效果,生成文字动画GIF。
在色带任意位置点击添加色标并拖拽,感受渐变设计。
用一根连续不断的回旋曲线填充并重绘图片的原理,创造独特单线艺术。
播放两个频率相近的正弦波,实时听到并看到拍音波形的幅度变化。
拖放创建状态和转换,标注事件与动作,导出为图片或 JSON 定义,用于软件设计。
配置不同的下划线出现、消失动画(从中间、左侧等),生成链接美化CSS。
上传 GIF 动画,提取每一帧并拼接为单张精灵表图片,可设置排列方式,用于游戏开发。