You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

p5.js中如何获取并打印createCamera创建的相机x/y/z坐标位置?

p5.js WebGL模式获取相机当前坐标方法

你创建的cam相机实例本身内置了位置相关属性,可直接读取使用:

  • cam.eyeX:返回相机当前X轴坐标
  • cam.eyeY:返回相机当前Y轴坐标
  • cam.eyeZ:返回相机当前Z轴坐标
  • cam.eye:返回包含[X,Y,Z]三个坐标值的数组

你可以在需要的位置直接打印或者读取这些属性值,参考示例代码:

var cam;

function setup() {
  createCanvas(windowWidth, windowHeight, WEBGL);
  // 初始化相机
  cam = createCamera();
  // 测试移动相机
  cam.move(20, 10, -150);
}

function draw() {
  background(200);
  // 实时打印相机位置
  console.log('相机位置:', cam.eyeX, cam.eyeY, cam.eyeZ);
  
  // 你的3D游戏渲染逻辑
  rotateY(frameCount * 0.01);
  box(60);
}

以上属性会跟随你调用cam.move()、cam.setPosition()等相机操作方法自动同步更新,直接读取即可用于后续游戏逻辑开发。

内容的提问来源于stack exchange,提问作者VEDANTH K

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 17:48:03