p5js不能使用height或width变量

时间:2017-10-18 19:13:33

标签: javascript p5.js

我是p5.js的新手,我试图制作一个迷你游戏的东西,让自己开始。我遇到了一些我能够解决的问题而且我无法解决这个问题。

在p5.js中,当你创建一个画布时,你会得到一个widthheight变量,它使用创建的画布的尺寸,似乎可以在其他地方工作,比如{{1功能,但不是我正在制作的迷你对象。我的代码在下面,如果你回答,我感谢你。

draw()

我等待你的回复,因为我花了一个多小时试图解决这个问题。谢谢!

1 个答案:

答案 0 :(得分:0)

问题在于您的代码顺序。脚本运行的第一件事是var Walls = new walls();,它在安装之前调用,其中创建了画布。所以你要做的就是在创建画布之前调用height。这可以通过声明全局变量但在设置中给它一个值来简单地解决。

//Declaring the empty variable
var walls;

function setup() {
  //creating the canvas
  canvas = createCanvas(400, 300);

  //calling Walls()
  walls = new Walls();
}

function draw() {
  background(22, 178, 255);
  console.log("Height: " + walls.wall1.height);
}

function Walls() {
  this.wall1 = {};
  this.wall1.width = 30;
  this.wall1.height = height / 2;
}

身高:150