指针事件实验田 - 鼠标/笔/触摸统一模型
区分不同输入设备类型,查看各指针事件的属性差异,理解统一指针模型。
UD5工具箱
在下方测试区域滚动鼠标滚轮,实时分析滚轮性能
🖱️ 在此处滚动鼠标滚轮
向上或向下滚动开始测试区分不同输入设备类型,查看各指针事件的属性差异,理解统一指针模型。
选择光晕、拖尾、磁吸等风格,生成自制的JS鼠标光标特效代码。
记录并区分pointerdown等事件,显示指针类型、压力、倾斜角度等,调试统一输入。
读取LinearAccelerationSensor,检测设备的物理移动和摇动动作,触发特效。
在Canvas上移动鼠标绘制线条,并记录轨迹,支持回放绘画过程。
通过按下键位记录code和key值,推断当前键盘布局(如QWERTY、AZERTY)。
显示触摸事件的触摸点数量、每个点的坐标、触控半径和压力值,调试移动端。
控制球体在无尽的3D斜坡下滑,躲避障碍,挑战最长距离。
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异,辅助选择合适曲线。
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
加载可变字体,通过滑块调整字重、字宽、倾斜等注册轴,并导出设置代码。
提供未平衡的反应式,拖拽滑块调整各物质系数直到原子守恒。
实时显示touchstart/move/end事件的所有属性:坐标、力度、半径与角度,辅助手势开发。
拖动一个汽车,实时绘制它运动的x-t、v-t和a-t波形图,学习运动学。
每日点在情感坐标上,连续多日形成情绪轨迹图。
拖拽添加图片与文字,生成响应式轮播图Slider,支持自动播放和导航点,提供HTML/CSS/JS代码。
屏幕颜色变化时尽快点击,测量从刺激到反应的时间,统计平均反应速度。
在时间轴上拖拽添加属性关键帧,实时预览动画并生成 @keyframes 代码。
生成带有平滑CSS动画的无限水平滚动文字条,可定制内容和速度。
选择不同的频率和振动模式,生成对应的二维克拉尼金属板砂粒聚集图案。
设置外圆和内圆半径及笔位置,在屏幕上拖动绘制复杂的几何螺旋图案。
在周视图上拖拽时间段,直观记录每天各项活动的耗时,汇总统计。
拖放创建状态和转换,标注事件与动作,导出为图片或 JSON 定义,用于软件设计。
调整重力、弹力系数,观看彩球在Canvas内的弹跳动画。
交互式香味轮盘,点击香调查看包含该气味的经典香水及原材料。
数字逐个闪现后消失,需记住并按顺序相加,最终输入总和,锻炼工作记忆与心算。
分类展示经典力学、电磁学、热学等常用公式,可搜索和复制LaTeX格式。
控制一个小角色不断跳上移动的平台,持续向更高分数冲刺。
选择一个基色,自动计算色环上左右各30度的类似色,适合温和配色。
交互式调整滚动条宽度、滑块颜色、圆角等,预览容器滚动效果,复制::-webkit-scrollbar代码。