gpt4 book ai didi

javascript - easelJS - 使用 Javascript 调整图像大小,然后将其与 SpriteSheet 一起使用

转载 作者:行者123 更新时间:2023-11-28 08:37:49 25 4
gpt4 key购买 nike

在我的代码中,我将图像存储到直接从 Javascript 加载的变量中(我没有创建任何指向该图像的 HTML 标记链接),并且该图像是高清的。

根据用户的屏幕尺寸,我想使用特定值(宽度和高度)调整图像大小,并且我已经计算了这些值。我使用 Javascript 修改了图像的大小

imgHD.width = modifiedWidth;
imgHD.height= modifiedHeight;

这工作得很好。我用

检查了它
alert('newWidth: ' + imgHD.width + ' / newHeight: ' + imgHD.height);

并且值是正确的。

我创建了 SpriteSheet,而 easelJS 使用了高清图像,没有宽度和高度修改。

var spriteSheet = new createjs.SpriteSheet({
// image to use
images: [imgHD],
// width, height & registration point of each sprite
frames: { width: imgHD.width / imgSpriteNbr, height: imgHD.height / imgSpriteNbr, regX: imgHD.width / imgSpriteNbr / 2, regY: imgHD.height / imgSpriteNbr / 2},
animations: {
walk: [0, imgSpriteNbr - 1, "walk"]
}
});

我可以直接从easelJS调整图像大小吗?我可以用另一种方式从Javascript调整图像大小吗?之后可以由easelJS正确解释?

我是easelJS的初学者,谢谢

最佳答案

要创建不同尺寸的 SpriteSheet,您必须使用中间 Canvas ,首先以不同尺寸绘制图像,然后将其与 SpriteSheet 一起使用。

更简单的方法是仅缩放从 SpriteSheet 创建的 Sprite 。

关于javascript - easelJS - 使用 Javascript 调整图像大小,然后将其与 SpriteSheet 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20874856/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com