Javascript easeljs添加位图以在不同位置多次播放
我刚开始使用easeljs库。我已经创造了一个舞台画布,它的作品 我想添加位图作为按钮,并将它们并排添加到舞台底部 我尝试了以下方法,但它将位图放在彼此的顶部Javascript easeljs添加位图以在不同位置多次播放,javascript,easeljs,Javascript,Easeljs,我刚开始使用easeljs库。我已经创造了一个舞台画布,它的作品 我想添加位图作为按钮,并将它们并排添加到舞台底部 我尝试了以下方法,但它将位图放在彼此的顶部 var button = new createjs.Bitmap(queue.getResult("largebrick")); var contentWidth = document.getElementById("content").offsetWidth; var contentHeight = do
var button = new createjs.Bitmap(queue.getResult("largebrick"));
var contentWidth = document.getElementById("content").offsetWidth;
var contentHeight = document.getElementById("content").offsetHeight;
var container = new createjs.Container();
stage.addChild(container);
stage.enableMouseOver(10);
for(var i = 0; i <10; i++){
button.x = 0 + button.getBounds().width * i;
button.y = contentHeight - button.getBounds().height;
button.addEventListener("mouseover", function() { document.body.style.cursor = 'pointer'; });
button.addEventListener("mouseout", function() { document.body.style.cursor = 'default'; });
button.addEventListener("click", function(event) {addBricks(button); });
container.addChild(button);
}
var button=newcreatejs.Bitmap(queue.getResult(“largebrick”);
var contentWidth=document.getElementById(“内容”).offsetWidth;
var contentHeight=document.getElementById(“content”).offsetHeight;
var container=new createjs.container();
stage.addChild(容器);
阶段.启用(10);
对于(var i=0;i这里有几件事。你需要在循环中创建一个新的按钮实例,否则你只是在每次迭代中移动按钮的原始实例。在中,我通过使用一个形状简化了一切,但你可以轻松地对位图做同样的事情
var xPos = 0;
for(var i = 0; i < 10; i++){
var button = new createjs.Bitmap(queue.getResult("largebrick"));
button.cursor = "pointer";
button.x = xPos;
button.y = contentHeight - 50;
xPos += 60;
container.addChild(button);
}
这应该会简化您的代码。当然,我很笨。在另一个文件中做了类似的事情:(但要知道光标的提示:)我会研究一下。顺便问一下,我如何才能将eventlistener添加到每个按钮并知道单击了哪个按钮?如果我像此按钮那样操作。addEventListener(“单击”),函数(事件){addBricks(button);});然后我总是得到最后一个按钮。您可以使用“name”属性来帮助识别正在单击的按钮。然后在事件处理程序中,event.target将是您的按钮。您可以在event.target.name上进行切换。
button.cursor = "pointer";