p5.j​​s没有加载我的椭圆

时间:2017-05-03 21:59:27

标签: javascript ellipse p5.js

我正在尝试绘制一个椭圆来模拟飞鸟中的鸟。 我正在绘制的椭圆没有加载到我的屏幕上我已经使用p5网站检查了我的语法,它看起来很好。

我有2个文件bird.js和sketch.js。

Sketch.js:

 var bird;
    function setup() {
        createCanvas(400, 600);
        bird = new Bird();
        console.log(bird.show);
    }

    function draw() {
        background(255, 0, 255);
        bird.show;
    }

bird.js:

function Bird() {
    this.y = 300;
    this.x = 100;

    this.show = function() {
        fill(255, 255, 255);
        ellipse(this.x, this.y, 16, 16);
    }
}

1 个答案:

答案 0 :(得分:0)

奇怪的是,它不起作用,但是使用了其他语法的对象:

var Bird = {
  init : function(){
    this.y = 300;
    this.x = 100;
  },
  show : function() {
   fill(255, 255, 255);
   ellipse(this.x, this.y, 16, 16);
  }
}
var bird=Bird;
function setup() {
  createCanvas(400, 600);
  bird.init();
  //console.log(bird.show);
}
function draw() {
  background(0, 0, 0);
  bird.show();
}