如何获取精灵“表”中精灵的大小?

发布于 2024-12-29 08:29:58 字数 423 浏览 1 评论 0原文

我的问题是在精灵“表”中获取精灵。

    public class Blocks extends Sprite{
        public Blocks() throws IOException
            {
                super(Image.createImage("/blockSprite.png"),20,30);
            }
    }        

“blockSprite.png 包含精灵图像,一张图像中有许多精灵”

这里的问题是使用这行代码,我应该如何获取图像中的精灵大小/尺寸?

精灵表:
宽度 - 162
高度 - 280

我想知道表单中精灵的宽度/高度?以及如何确定 Sprite Sheet 中精灵的宽度/高度?

my problem is getting the Sprite in a Sprite "Sheet".

    public class Blocks extends Sprite{
        public Blocks() throws IOException
            {
                super(Image.createImage("/blockSprite.png"),20,30);
            }
    }        

"the blockSprite.png contains images of Sprites, many sprites in 1 image"

The problem here is using this line of code, how I am supposed to get the Sprite size/dimension in the image?

Sprite Sheet:
Width - 162
Height - 280

I want to know the width/height of the sprites in the sheet? and how to determine the width/height of the sprites in a Sprite Sheet?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

北笙凉宸 2025-01-05 08:29:58

你知道每行每列有多少个精灵吗?然后将宽度除以一列中有多少个精灵,将高度除以一行中有多少个精灵。

(我可能会弄错列和行,我不是英语母语,但如果第一次尝试没有成功,你应该切换行/列)

You do know how many sprites are there in each row and column right? then just divide the width with how many sprites are there in a column and divide the height with how many sprites are there in a row.

(I may get the column and row wrong, I'm not native English, but you should just switch the row/column if the first try didn't work out)

鲜血染红嫁衣 2025-01-05 08:29:58

一种方法是使用图像编辑软件(比如 GIMP,它是免费的)。
你需要做的是,

  • 在 GIMP 中打开图像
    • 点击矩形选择工具(或按r),鼠标将变成十字线
    • 现在,当您单击图像时,在工具箱的工具选项下,您将看到单击点的 XY 位置
    • 酷,现在在您想要的精灵周围画一个矩形。在执行此操作之前放大,以便您实际上选择了整个
      精灵。
    • 现在您将获得所绘制矩形左上角的 XY 坐标以及图像的高度和宽度。

之后,只需使用 https://developer .mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images#Slicing

玩得开心!!

One way is to use an image editing software (say GIMP, its free).
What you have to do is,

  • Open the image in GIMP
    • Click on the Rectangle selection tool (or press r), your mouse will turn into a cross hair
    • Now when you click on the image, in the tool box, under tool options you will see the X-Y position of the point you clicked
    • Cool, now draw a rectangle around the sprite that you want. Zoom in before you do this, so that you are actually selecting the whole
      sprite.
    • Now you will get both the X-Y coordinates of the top-left corner of the rectangle that you drew and the height and width of the image.

After that, just use https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images#Slicing.

Have fun!!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文