p5.js не загружает мой эллипс

Я пытаюсь нарисовать эллипс, чтобы имитировать птицу в флэппи-птице. Эллипс, который я рисую, не загружается на мой экран. Я проверил свой синтаксис на веб-сайте p5, и он выглядит нормально.

У меня есть 2 файла bird.js и sketch.js.

Эскиз.js:

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

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

птица.js:

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

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

javascript p5.js ellipse
person Ryzon    schedule 03.05.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Странно, что не работает, но с другим синтаксисом объекта работает:

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();
}
person HReynaud    schedule 04.05.2017