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

Trying to move/animate a container in javascript using the easeljs library

本文关键字：移动 动画 easeljs javascript      更新时间：2023-09-26

我正试图从头开始调整游戏页面，展示如何处理基于精灵的射击。但我尝试用容器中的位图来替换精灵。我遇到的问题是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.p beginbitmapstroke()来取代g.p drawcircle ()

你可以在这里找到EaselJS文档:

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

如果只是使用位图而不是形状，您可以使用:

<>之前这一点。bulletGraphic = new createjs.Bitmap('urlOrImage');stage.addChild (this.bulletGraphic);}bullets.push(子弹);之前

如果你想让项目符号位图在容器中(无论出于何种原因):

<>之前这一点。bulletGraphic = new createjs.Container();这一点。bulletBitmap = new createjs.Bitmap('urlOrImage');this.bulletGraphic.addChild (this.bulletBitmap);stage.addChild (this.bulletGraphic);}bullets.push(子弹);之前

我的一点旁注(注意与你的问题有关，但如果你关心):该页上给出的代码示例很好地解释了主题背后的数学，但在代码方面，我不认为这是一个好示例。对于子弹，您通常会创建一个新类，继承Shape或Bitmap，本示例的作者使用一个普通对象，并通过它引用图形资产(this. bulletgraphic)。如果你只是用它来学习数学，这很好，如果你想用它来创建一个真正的游戏，我建议你重构一下代码，因为这很快就会变得很乱。

相关文章：