嘗試使用easeljs庫在javascript中移動/設置容器

Question

我試圖修改gamefromscratch頁面，其中顯示瞭如何處理基於sprite的拍攝。但我試圖用位於容器中的位圖替換精靈。在那裏我跌跌撞撞的一點是onTick（DELTA）那裏是創建一個圖形對象的末尾，我不知道語法與代碼，將一個位圖工作，在更換

var g = new createjs.Graphics(); 
       g.setStrokeStyle(5); 
       g.beginStroke(createjs.Graphics.getRGB(255,0,0)); 
       g.drawCircle(this.x,this.y,10); 

       this.bulletGraphic = new createjs.Shape(g); 
       stage.addChild(this.bulletGraphic); 
      } 
      bullets.push(bullet); 

容器。 感謝您的期待。

Answer 1

我相信你正在尋找g.beginBitmapStroke（）取代g.drawCircle（）

您可以找到EaselJS文檔瀏覽：

http://www.createjs.com/Docs/EaselJS/classes/Graphics.html#yui_3_8_0pr2_2_1363403850534_598

Answer 2

對於只使用一個位圖，而不是的形狀，你可以使用：

 
     this.bulletGraphic = new createjs.Bitmap('urlOrImage'); 
     stage.addChild(this.bulletGraphic); 
    } 
    bullets.push(bullet); 

如果你想子彈位圖另外是在一個容器（無論何種原因）：

 
     this.bulletGraphic = new createjs.Container(); 
     this.bulletBitmap = new createjs.Bitmap('urlOrImage'); 
     this.bulletGraphic.addChild(this.bulletBitmap); 
     stage.addChild(this.bulletGraphic); 
    } 
    bullets.push(bullet); 

---

從我（注關係到你的問題，但如果你關心）一個小旁註： 該網頁上給出的代碼示例說明的主題背後的數學不錯，但在代碼方面，我不會把這當成一個很好的例子。對於一個子彈，通常會創建一個新類，繼承自Shape或Bitmap，本例的作者使用一個普通對象，並通過它引用圖形資產（this.bulletGraphic）。所以，如果你只是用這個來學習數學，那麼這很好，如果你想用它來創建一個真正的遊戲，我建議你對代碼進行相當多的重構，因爲這會變得雜亂無章很快。