Question

我使用Createjs有五行的老虎机游戏，但我想为这个游戏添加更多行。我能够成功添加更多行但无法改变行的位置。请参阅图片（https://ibb.co/nnnctF）。创建行的代码如下。

   //LINE 1 
    var oBut = new CBetBut( 334 + oSprite.width/2, 282 + oSprite.height/2,oSprite,true);
    oBut.addEventListenerWithParams(ON_MOUSE_UP, this._onBetLineClicked, this,1);
    _aLinesBut[0] = oBut;

    //LINE 2
    oBut = new CBetBut( 334 + oSprite.width/2, 180 + oSprite.height/2,oSprite,true);
    oBut.addEventListenerWithParams(ON_MOUSE_UP, this._onBetLineClicked, this,2);
    _aLinesBut[1] = oBut;

    //LINE 3
    oBut = new CBetBut( 334 + oSprite.width/2, 432 + (oSprite.height/2),oSprite,true);
    oBut.addEventListenerWithParams(ON_MOUSE_UP, this._onBetLineClicked, this,3);
    _aLinesBut[2] = oBut;

我试过改变上面几行中的值但没有任何反应。可以请指导我如何改变线的位置。？感谢

Answer 1

很难说你是如何根据上面的代码绘制线条的（例如，什么是CBetBut？）。

如果您使用的是图形，则可以保存各个命令，然后再进行修改。例如：

var g = new createjs.Graphics();
g.beginStroke("red").setStrokeStyle(3).moveTo(0,0);
var p1 = g.lineTo(10,10).command;
var p2 = g.lineTo(20,20).command;
// Later
p1.y = 20;
p2.y = 10;

希望有所帮助。您可以在CreateJS博客上阅读更多内容。 http://blog.createjs.com/new-command-approach-to-easeljs-graphics/

使用createjs更改在html5画布上绘制线条的位置

1 个答案: