滚动浏览大于屏幕的 p5.js canvas

Question

所以我是 p5.js 的新手，我尝试创建一个简单的基于图块的游戏。我当前的 canvas 代表了我的整个地图，它比电脑屏幕还大。因此，我想使用跟随玩家的滚动相机。

但是，我有两个问题。首先是 canvas 两侧有两个滚动条我想禁用。第二个是我不确定如何在 p5.js 上创建所述滚动相机。任何帮助将不胜感激！

我的程序存储在 replit 上。主体代码在sketch.js

Answer 1

要隐藏滚动条，您可以在 index.html 文件的 <head> 标记内添加此代码：

  <style>
    body {
      padding: 00;
      margin: 00;
      overflow: hidden;
      position: fixed;
    }
  </style>

scroll through p5.js canvas that is larger than screen