javascript - createjs.Shape() 不适用于 OOP JavaScript

Question

我正在尝试在 JavaScript 中启动我的 Paddle 类中的形状变量，但它不想渲染它。如果我在 init 函数中定义形状变量，则代码可以正常工作。

代码

var Paddle = function(sizeX, sizeY){
    var posX, posY;
    var sizeX, sizeY;

    this.sizeX = sizeX;
    this.sizeY = sizeY;

    shape = new createjs.Shape();
}

var paddle1 = new Paddle(25, 75);

function init(){

    var stage = new createjs.Stage("canvas");

    //shape = new createjs.Shape();
    paddle1.shape.graphics.beginFill("blue").drawRect( 15, 0, paddle1.sizeX, paddle1.sizeY);

    stage.addChild(paddle1.shape);

    stage.update();

    createjs.Ticker.setFPS(60);
    createjs.Ticker.addEventListener('tick', stage);
    createjs.Ticker.addEventListener('tick', update);
}

function update(){

    stage.update();
}

Answer 1

假设您正在调用 init() (代码中未显示)，那么您将在控制台中看到一条错误，指出 paddle1.shape 是不是一个物体。那是因为你忘记了这个。

this.shape = new createjs.Shape();

这里正在工作:http://jsfiddle.net/gskinner/Lz33kaqb/