电子罗盘/方向指示 - 绝对方向传感器可视化
读取绝对方向传感器,绘制一个旋转的罗盘玫瑰,显示当前设备朝向的方位角。
UD5工具箱
DeviceOrientation API 实时读取这些传感器数据,将其转化为直观的指南针显示。在iOS设备上使用 webkitCompassHeading 获取高精度磁北方向。
DeviceOrientation 的支持有限。建议使用智能手机(iPhone或Android)打开本页面以获得完整体验。
读取绝对方向传感器,绘制一个旋转的罗盘玫瑰,显示当前设备朝向的方位角。
将SSH公钥或任何哈希通过“随机艺术”算法绘制成独特的ASCII图案指纹。
通过绘制隐藏图形并获取像素哈希,展示 Canvas 指纹如何用于跟踪用户,并给出防护建议。
模拟RPG中的重击效果,随机生成武器重击的额外描述,如斩首、破甲等。
将阿拉伯数字精确转换为罗马数字,支持1-3999范围,显示构造逻辑,辅助历史与数学教育。
上传包含地址的CSV,调用地理编码服务(需Key或演示)批量转换为经纬度。
点击情绪轮盘的外圈细分,了解精准描述心情的词汇。
记录用户在一段文本输入中各按键的敲击次数,生成键盘布局热力图,了解打字习惯。
给出具体手牌与和牌情况,要求计算出符数与得点,加深计分规则。
输入密文,通过字母频率分布建议可能的替换映射,帮助破解简单替换密码。
将任意字符或Emoji密铺成无缝图案背景,调节大小和间距,生成CSS背景。
拖拽彩色珠子到杆上,模拟十进制数位,帮助儿童理解加减法。
输入公历日期查询对应的农历日期、生肖、干支纪年和节气信息,前端算法计算。
在指定区域内练习双指捏合、旋转、滑动等手势,并显示识别到的手势类型和参数。
根据 JSON 示例数据生成对应的 Protobuf 消息定义(.proto),字段类型自动映射,支持嵌套。
输入商品名称、价格、库存和评价,生成 Product 结构化数据,有助于商品搜索展示。
输入多尺寸图片URL,生成带srcset和sizes的响应式img标签,适配各种屏幕。
输入用户查询,测试 Dialogflow 代理的意图匹配、参数提取和回复。
输入一个成语,自动列出所有可接龙的成语(首字与末字相同),支持模糊音匹配,辅助文字游戏。
生成诸如“暗影领主”、“血吼”等充满压迫感的反派绰号。
展示Code128等条码的条空模式,逐步教您如何手动计算出编码的数字。
以图表和简短文字解释EXW、FOB、CIF等11种国际贸易术语的责任划分。
生成随页面滚动而自动隐藏或显示的顶部导航栏代码,带平滑过渡。
使用零宽字符、HTML实体或组合字符技术将文本混淆,增加自动抓取难度,前端安全无需服务器。
构建自定义滚动条控件,与原生滚动关联,展示 wheel、scroll 事件的细节。
输入标的价格、执行价、到期时间、波动率等参数,实时计算欧式看涨看跌期权理论价格及希腊字母。
使用自定义关键词生成5x5方阵,对明文进行Playfair双字母组加密和解密。
利用加速度计检测摇晃方向,分配不同的打击乐音效,像打鼓一样演奏。
使用 AmbientLightSensor API 监听光照强度变化,记录日志并绘制时间-照度图。
连接支持 WebUSB 的温度传感器,实时读取并显示温度值,绘制趋势图。