How can you make such live smoke on a css and js site?

  • 0


    There is such a block, I would like to make the smoke dynamic, maybe this? I was looking for something similar to kodepene, but there is basically everything with clouds.
    JavaScript Genevieve Preston, Jan 6, 2019

  • 3 Answers
  • 0
    You can use sprites, I have no ready-made smoke, but there is a candle for an example:

    Anonymous

  • 0
    You can try to make this AfterEffects smoke, there are probably a bunch of tutorials. Then export using bodymovin to json format for lottieweb



    You can also try using particles and get it moving.

    stemkoski.github.io/Three.js/Particle-Engine.html

    squarefeet.github.io/ShaderParticleEngine



    Actually, here's something similar: https://mrdoob.com/#/144/magic_dust
    Anonymous

  • 0
    The closest thing that I could find

    And here is a detailed article , if try, you can achieve the desired effect
    Anonymous

Your Answer
To place the code, please use CodePen or similar tool. Thanks you!