手柄振动测试 - Gamepad Vibration Actuator
连接游戏手柄,触发不同时长和强度的振动效果,测试Vibration Actuator API。
UD5工具箱
双电机独立调节 · 实时振动预览 · 预设场景模拟
navigator.vibrate()),目前主要在安卓移动端Chrome浏览器上得到良好支持。桌面端浏览器(Chrome/Firefox/Edge桌面版)和iOS Safari通常不支持此API。如需在桌面端测试手柄振动,请使用支持振动的游戏手柄连接电脑后通过游戏或专用测试软件进行。
连接游戏手柄,触发不同时长和强度的振动效果,测试Vibration Actuator API。
设计振动时长与停顿数组,点击试振,复制代码在移动端触发自定义触感反馈。
请求Screen Wake Lock防止屏幕关闭,监听释放事件,适用于观看长内容等场景。
请求浏览器保持屏幕唤醒,防止自动锁屏,显示当前唤醒锁状态。
请求和释放屏幕唤醒锁,并监听释放事件,适用于视频播放或演示场景。
加载两段节奏循环,用鼠标在虚拟唱片上移动模拟黑胶搓碟效果。
在开发环境中模拟 periodicSync 事件,触发后查看 SW 中的处理逻辑和网络请求。
拖拉RGB三个滑块混合颜色,模拟硬件调色体验,显示16进制及色温感觉。
一款漂亮的拟物指针时钟,同时显示数字时间和日历,适合常驻副屏或全屏。
显示当前屏幕方向,并尝试锁定为横屏或竖屏模式,仅部分浏览器支持。
将屏幕变为纯白色或指定颜色,最高亮度辅助照明或信号。
经典的Canny计算机视觉边缘检测算法的前端演示,可调节低高阈值。
支持任意格式颜色输入,计算对比度并显示WCAG 2.1各级别通过情况,含颜色建议。
绑定动画进度到滚动位置,交互式调整参数,直观理解scroll-timeline和view-timeline。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案,确保视觉一致性。
自定义箭头方向、颜色、大小和动画,生成无需JavaScript的纯CSS tooltip组件代码。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
输入目标阻值,从标准E系列阻值中找出最接近的两个并联电阻组合。
可拖拽的虚拟尺子和量角器叠于当前页面,精确测量像素长度与旋转角度。
使用三个滑块精细调整 HSL 各分量,实时预览颜色并复制十六进制或 RGB。
在布满干扰物的图片中寻找并点击目标物品,记录用时。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
模拟经典玩具,按方向键或虚拟旋钮绘制线条,按空格键晃动清除。
在虚拟面包板上拖拽跳线、电阻等元件,预演电路搭建。
选择或输入多个开源许可证,查看它们组合在闭源或开源项目中的兼容性矩阵与义务。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
在绘图板画几条直线,算法自动利用霍夫变换检测并高亮出这些线段。
提供历史数据,手动设定自回归/差分/移动平均阶数,查看拟合与未来几步预测,学习时序分析。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。