如何为 p5.js 编写一行代码作为我的播放器的摄像机跟随器？ (var Mover;) 这是一款 2D 游戏

Question

https://editor.p5js.org/LttntLark/sketches/JBSg2zIfEf

所有代码都在上面。我一直在尝试制作一个跟随玩家（移动者）的相机，它说我需要 WEBGL。在 p5.js 中有没有办法做到这一点？我搜索了教程，没有说我可以在 2d 中为 p5 制作一个“相机”，而且我“需要 WEBGL”而且我不能在 WEBGL 中改造我的游戏，所以我需要一个代码，它是一个“视口”让我的玩家在移动时保持在屏幕中央。

Answer 1

要启用 WebGL 模式，请将 WEBGL 添加到您的 createCanvas()

示例：

createCanvas(1500, 2560, WEBGL);

Answer 2

// Let WIDTH be the canvas width
// Let HEIGHT be the canvas height
// Let player be the center of perspective (with x and y positions)

function draw() {
  // Do not push/pop
  // This line of code should affect all drawing below
  //
  translate(WIDTH / 2 - player.x, HEIGHT / 2 - player.y);
  //
  // This line translate the camera making the player always centered



  /////////////////
  //
  // Your other drawings here
  //
  /////////////////
}

如何为 p5.js 编写一行代码作为我的播放器的摄像机跟随器？ (var Mover;) 这是一款 2D 游戏

How can I write a line of code for p5.js that works as a camera follower for my player? (var Mover;) This is a 2D game

javascript

camera

2d

p5.js