INTERACTION · 单文件 HTML
Pointer Lock 第一人称漫游Pointer lock FPS walk
点击画布锁定指针,鼠标移动控制 yaw/pitch,WASD 在 XZ 平面移动。
旗舰完整演示
可交互场景(拖拽旋转;部分演示支持键盘)。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
单 HTML:点击开始漫游,Esc 退出 pointer lock,地面与墙体碰撞(AABB 简易即可)。
适合用在哪
室内漫游、展厅第一人称、简单 FPS 原型。
容易踩的坑
- Safari 对 pointer lock 支持有限,需降级提示。
提示词 · Prompt
单文件 HTML + Three.js 第一人称:
1) 点击 canvas requestPointerLock;
2) mousemove 更新 euler yaw/pitch,限制 pitch ±85°;
3) WASD 相对相机朝向在 XZ 移动,使用 Clock delta;
4) 简单房间:4 面墙 + 地面 Box,与玩家半径 0.5 的 AABB 碰撞;
5) UI 提示操作与 Esc 退出;
6) 不用外部物理引擎。
完整 HTML。
Single HTML FPS pointer lock, WASD, simple AABB room collision.