人体关键点
PoseNet 从视频中估计鼻子、眼睛、肩膀、手腕等 17 个关键点，每个点都包含坐标和置信度。
学习目标
01
理解浏览器摄像头权限流程
02
认识 PoseNet 的人体关键点数据
03
把手腕坐标映射为画笔位置
04
探索身体作为输入设备的交互方式
核心概念
原理解析
坐标镜像
摄像头画面水平翻转后，关键点 x 坐标也要通过 width - x 镜像，才能保持直觉一致。
权限与加载
摄像头只会在点击启动后请求权限。模型需要从 CDN 加载；必须在 HTTPS 或 localhost 环境运行。
扩展挑战
- 用鼻子控制颜色
- 用肩膀间距控制笔触粗细
- 探索多人姿势输入
案例演示
实时运行 · 启动后用左右手腕控制画面笔触
sketch.js打开源码
正在载入源码…核心要点
身体可以成为控制器
姿势数据把物理动作映射为数字输入。
置信度是重要的过滤条件
只使用可靠关键点可减少抖动和误触。
敏感权限必须由用户启动
明确的操作与状态反馈让摄像头体验更安全。