Question

使用javascript和Easeljs lib和createjs，我需要一些帮助。我的程序绘制一些圆圈并用颜色填充它们。还有一个Ticker，他们正在移动，有一些if语句，他们正从窗户的墙壁反弹。圆圈是动态创建的，圆圈的数量每次都不同。

现在我需要实现一项功能，以便在按下它们时圆圈会变大。他们应该每30毫秒获得半径+ 1px。我不知道该怎么做。 1.你是否使用onPress？我需要使用哪些回调？如何判断鼠标是否被释放且圆圈是否会停止增长？ 2.我是否需要从我的circlesArray中删除circleObject，或者是否足以从舞台中删除它并再次绘制它们？我迫切希望得到帮助，如果有人能给我一些线索，我会很高兴的！

问候T

Answer 1

根据您提供的信息，我将引用您在github上查看此EaselJS示例：https://github.com/CreateJS/EaselJS/blob/master/examples/DragAndDrop_hitArea.html 在那里使用onPress-Method的方式可能几乎可以按原样复制。

你的看起来像这样：

function(target){
    target.onPress = function(evt) {
        target.grow = true; //or a grow-factor or so
        evt.onMouseUp = function(ev) {
            target.grow = false;
        }
    }
}(circle);

并在您的勾选功能中查看所有圈子，检查他们的grow==true并增加其半径（如果是这样）

和2：你的circleObjects都是createjs.Shape对吗？您不必从舞台或阵列中删除它们，您可以使用circle.graphics.clear();然后使用新半径重绘圆圈。

javascript easelJs onPress放大图像圈

1 个答案: