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

Fire object black?

Home › Forums › Graphics / Blender › Fire object black?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • 2023-07-31 at 8:54 am #65696
    c4cc
    Participant

    As viewed in sneak peak
    https://i.ibb.co/Y3vPRYw/kurumii.png

    As viewed in Blender viewport
    https://i.ibb.co/7g8Fxx4/kurumii.png

    How do I get this fire in Blender viewport to appear in Sneak peak as well?

    My Blender File

    • This topic was modified 9 months, 2 weeks ago by c4cc.
    • This topic was modified 9 months, 2 weeks ago by c4cc.
    Attachments:
    You must be logged in to view attached files.
    2023-07-31 at 12:29 pm #65700
    kdv
    Participant

    Volume input is not supported

    Puzzles and JS. 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 meaning at all.

    2023-08-01 at 3:19 am #65705
    c4cc
    Participant

    How do I get that fire to appear in borwser, as it does in Blender? I don’t mean using a sprite sheet from GIMP or anything, given that this fire is 3d.

    2023-08-01 at 3:58 am #65706
    xeon
    Customer

    The first thing you have to know is that most things you can create in Blender or any 3D application for that matter will not work in a browser. There is a small subset of things you can do in 3D that can be visualized on the web. So as long as you go into it knowing that you can not expect that everything you want or need to do can be done the way Blender or any other 3d package would do it easily…..but that you may have to find a creative solution to the same problem doing things in a way that will work in a browser with the tools you have. Verge3d is a good tool but you have to figure out different ways to do the things you want to accomplish.

    As KDV has pointed out…and as indicated in the Verge3D documentation the volumetric shader property in the Material Output node is not supported.

    So if you are not going to do your fire via a sprite sheet you may want to consider creating a series of meshes that you can cycle through via shape keys, geometry nodes, etc. There are also methods of doing fire in three.js if you feel like coding.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2023-08-01 at 5:47 pm #65728
    c4cc
    Participant

    Thanks for the answer. Now, if I do decide to use GIMP sprite sheets for the fire, how do I do so for a 3D fire, so its Blender version appears in the browser too?
    Obviously Render only takes images on a 2d basis, meaning it’d be fucking hard to do sprite sheets for a 3d fire/explosion

    • This reply was modified 9 months, 2 weeks ago by c4cc.
    2023-08-01 at 7:02 pm #65730
    kdv
    Participant

    Volumetric fire

    Puzzles and JS. 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 meaning at all.

    2023-08-01 at 9:42 pm #65731
    xeon
    Customer

    Here is a tutorial on creating a fire sprite sheet for Blender.

    If you want the exact fire you are creating in Blender….render out the individual frames with a transparent background and then start the video in Chapter 2 at about 6:37.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2023-08-02 at 3:06 am #65732
    c4cc
    Participant

    Thanks for the tutorial, guys. Especially this

    xeon wrote:

    Here is a tutorial on creating a fire sprite sheet for Blender.

    <iframe loading=”lazy” title=”How to animate Sprites Sheets in Blender and Verge3D” src=”https://www.youtube.com/embed/0lYkvXpqsYw?feature=oembed&#8221; allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share” allowfullscreen=”” width=”640″ height=”360″ frameborder=”0″></iframe>

    If you want the exact fire you are creating in Blender….render out the individual frames with a transparent background and then start the video in Chapter 2 at about 6:37.

    This in particular made sense, and I’ll surely look into this informative, helpful tutorial given the time.

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