We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

Sprite Sheet Tutorial

Home › Forums › Tutorials › Sprite Sheet Tutorial

Viewing 15 posts - 16 through 30 (of 30 total)
1 2
  • Author
    Posts
  • 2023-08-14 at 12:15 pm #66083
    visualizer
    Customer

    yep!
    correct ..skipped !

    2024-11-07 at 8:23 am #78511
    c4cc
    Participant

    Sorry for the late reply. Thanks for this tutorial, it’s really helpful for sure.

    That said, will this reduce a lot browser memory consumption, and not affect (significantly) fps? Also, I hope that file size will not be too big as well

    2024-11-11 at 4:42 pm #78549
    c4cc
    Participant
    kdv wrote:
    visualizer wrote:

    to me it looked like a lot of lengthy curve to work around.

    it can be done in a little easier and faster way, within 3-5 minutes. no curves at all, just pure math.
    https://www.youtube.com/watch?v=fuZFuY5aqRI

    At the start, how do we get the offsetX and offsetY attached to combinexyz? In Blender 4.2, it seems to be missing

    2024-11-12 at 2:31 am #78551
    kdv
    Participant
    c4cc wrote:

    how do we get the offsetX and offsetY

    These are just two Value nodes with changed labels.

    Puzzles and JS coding. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

    2024-11-14 at 4:25 am #78711
    c4cc
    Participant

    Guys, I did make a spritesheet, but the problems is that it slides back whenever I try to loop the animation, instead of being in place.

    How do I keep it in place while looping its animation that?

    Attachments:
    You must be logged in to view attached files.
    2024-11-14 at 6:44 am #78732
    c4cc
    Participant
    c4cc wrote:

    Guys, I did make a spritesheet, but the problems is that it slides back whenever I try to loop the animation, instead of being in place.

    How do I keep it in place while looping its animation that?

    On second thought, I simply shifted a keyframe from 0 to 10. Now sprite remains in place while its animation plays.

    Also, how do I make this sprite less grainy, if not grainy at all?

    1011

    • This reply was modified 3 months, 1 week ago by c4cc.
    2024-11-14 at 1:10 pm #78744
    c4cc
    Participant
    c4cc wrote:

    Guys, I did make a spritesheet, but the problems is that it slides back whenever I try to loop the animation, instead of being in place.

    How do I keep it in place while looping its animation that?

    This sprite sheet isn’t appearing in render at all, help?

    2024-11-14 at 1:41 pm #78745
    kdv
    Participant
    c4cc wrote:

    This sprite sheet

    what sprite sheet? your .blend file doesn’t contain any images. just useless file attached…

    Puzzles and JS coding. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

    2024-11-14 at 1:44 pm #78746
    c4cc
    Participant

    Here’s the file

    Attachments:
    You must be logged in to view attached files.
    2024-11-14 at 1:54 pm #78748
    kdv
    Participant

    Where??? It’s just another .blend file WITHOUT your sprite sheet inside.

    Attachments:
    You must be logged in to view attached files.

    Puzzles and JS coding. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

    2024-11-14 at 3:30 pm #78752
    c4cc
    Participant

    Sorry for the late reply, I finally figured out the problem, the sprite sheet was too big in size (82.7 mb, and 48,000px x 27, 000 px dimension). I used gimp to cut the file size in half, and now, technically, I can view in on the browser.

    Now, another problem is, in the browser, it scrolls horizontally. I just want the file to be stationery while the animation is playing, like a proper gif. Also, any way to reduce graininess and to make this sprite sheet sharper?

    1011

    • This reply was modified 3 months, 1 week ago by c4cc.
    • This reply was modified 3 months, 1 week ago by c4cc.
    Attachments:
    You must be logged in to view attached files.
    2024-11-14 at 3:36 pm #78755
    kdv
    Participant
    c4cc wrote:

    test.blend

    it was the last try to attach your sprite sheet properly :-D the door is closed now.

    Puzzles and JS coding. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

    2024-11-14 at 3:51 pm #78758
    c4cc
    Participant

    I’ve already packed the image file here:

    https://drive.google.com/file/d/1mjGuCxFvqD4MRNqDllRZmZqBpxPFwT95/view

    • This reply was modified 3 months, 1 week ago by c4cc.
    • This reply was modified 3 months, 1 week ago by c4cc.
    2024-11-14 at 3:59 pm #78761
    c4cc
    Participant

    I’ve packed the new blend file here

    https://drive.google.com/file/d/1mjGuCxFvqD4MRNqDllRZmZqBpxPFwT95/view

    • This reply was modified 3 months, 1 week ago by c4cc.
    2024-11-14 at 5:11 pm #78764
    c4cc
    Participant

    I notice in Blender, the texture sprite sheet stays in place while the animation plays. But in browser, the texture scrolls horizontally. How to keep texture in place while animation plays?

  • Author
    Posts
Viewing 15 posts - 16 through 30 (of 30 total)
1 2
  • You must be logged in to reply to this topic.