尝试使用easeljs库在javascript中移动/设置容器动画

我试图调整页面，展示如何处理基于精灵的拍摄。但是我正在尝试用容器中的位图替换精灵。我结结巴巴的地方是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);

使用可用于容器中位图的代码。

---

感谢您的关注。

我相信您正在寻找g.beginBitmapStroke（）来取代g.drawCircle（）

您可以在此处找到EaselJS文档：

---

仅使用位图而不是可以使用的形状：

this.bulletGraphic = new createjs.Bitmap('urlOrImage'); stage.addChild(this.bulletGraphic); } bullets.push(bullet); this.bulletGraphic=new createjs.Bitmap（'urlOrImage'）； stage.addChild（本图）； } 子弹。推（子弹）； 如果您还希望项目符号位图位于容器中（无论出于何种原因）：

this.bulletGraphic=new createjs.Container（）； this.bulletBitmap=new createjs.Bitmap（'urlOrImage'）； this.bulletGraphic.addChild（this.bulletBitmap）； stage.addChild（本图）； } 子弹。推（子弹）；

---

我的一点旁注（与您的问题有关，但以防您介意）：

---

该页面上给出的代码示例很好地解释了主题背后的数学原理，但就代码而言，我不会将此作为一个好的示例。对于一个项目符号，您通常会创建一个新类，继承自

Shape

或

Bitmap

，本例的作者使用一个普通对象，并仅通过它引用图形资源（this.bulletGraphic）。因此，如果你只是用它来学习数学，这是很好的，如果你想用它来创建一个真正的游戏，我建议你重新构造代码，因为这很快就会变得混乱。

你能把它放在更多的上下文中吗？我试图操纵的容器名为icon，我只是用g.beginBitmapStroke（）替换了g.drawCircle（），我只是得到了一个类型错误 this.bulletGraphic = new createjs.Container(); this.bulletBitmap = new createjs.Bitmap('urlOrImage'); this.bulletGraphic.addChild(this.bulletBitmap); stage.addChild(this.bulletGraphic); } bullets.push(bullet);