How to make Particles and Visual Effects in Godot ( and grab the FREE Textures!)

Поділитися
Вставка
  • Опубліковано 2 лис 2024

КОМЕНТАРІ • 186

  • @KrystofKlestil1337
    @KrystofKlestil1337 3 роки тому +100

    This is hands down the best tutorial on particle effects I've watched for Godot. Keep'em coming friend.

    • @picster
      @picster  3 роки тому +4

      Thanks a lot! The particle system is not the most advanced or feature-packed compared to Unity or UE. But with a little creativity, there is still a lot of potential ✌️

    • @KrystofKlestil1337
      @KrystofKlestil1337 3 роки тому +2

      @@picster Yeah I do miss the intuitive unity aprticle system from time to time.

    • @picster
      @picster  3 роки тому +1

      @@KrystofKlestil1337 Yes, the System of Unity is really, really solid!

    • @marcosadrian65
      @marcosadrian65 3 роки тому +4

      Agreed!! is by far the best tuto on particles 2d ever seen, really hope to see more coming!!!.

    • @picster
      @picster  3 роки тому +1

      @max steel the first question would be what you want to create.

  • @mathiasdavril1184
    @mathiasdavril1184 2 місяці тому +2

    I saw this vido 3 years ago and I still remember it today because the texture you gave us are perfect and I'm just coming back to get it again

  • @FerreusDeus
    @FerreusDeus 3 роки тому +8

    I've been needing this tutorial for 2 years! Thank you! No other tutorial mentions animated sprites! I would never have figured out that the Offset property changes the frame.

    • @picster
      @picster  3 роки тому +2

      It is really in an unexpected place... well hidden gem 🙄😃

  • @pai64
    @pai64 3 роки тому +17

    Good job I will rewatch this when I need particles
    Edit: Oh you are the dev of Bottomless that game is so good I'm gonna commit subscribe

  • @benzenatizineeddine7816
    @benzenatizineeddine7816 3 роки тому +1

    Duuuuude i'm watching this and shaking how is this engine so underrated!

  • @selgesel
    @selgesel 3 роки тому +4

    This is much much better than any other VFX video that I've seen so far, paid or otherwise. It's incredible that you tackle multiple kinds of effects, but you also play around with each of them to show variations, and you do it in an incredible 16 minutes. Great job, and thanks a lot!

    • @picster
      @picster  3 роки тому

      Thank you very much! 🙏

  • @connorhillen
    @connorhillen 3 роки тому +9

    It always feels like there's a big gap in resources for VFX, and this was fantastic! Lots of great little insights along the way. Great stuff!

  • @ZachA-T
    @ZachA-T 3 роки тому +3

    Nice! Bottomless was the reason I tried out Godot, so it’s awesome seeing some behind the scenes! Especially with the particle system! Enjoying watching the development of such a cool game!

    • @picster
      @picster  3 роки тому +1

      Oh wow, that's so great to hear! I hope you like it so far!

    • @ZachA-T
      @ZachA-T 3 роки тому +1

      @@picster Yes! It’s been a fantastic and inspiring experience so far and I can’t wait to learn more!

    • @picster
      @picster  3 роки тому +1

      @@ZachA-T looking forward to see a game from you!

  • @3booodpro
    @3booodpro 3 роки тому +3

    THIS IS VERY PERFECT MAN
    You are the best man!

  • @senlee325
    @senlee325 Місяць тому

    Nice particles 😃Just what I needed. Thank you!

  • @desoft8b
    @desoft8b 2 роки тому +2

    This is special chocolat for devs.

  • @fran12659
    @fran12659 6 місяців тому

    i was having a hard time doing effects for spells on my game, your video saved me thanks!

  • @WarrenMarshallBiz
    @WarrenMarshallBiz 2 роки тому +1

    Late to the party, but FANTASTIC video, thank you! Really helped me understand what can be done with particles in Godot ...

  • @118andrey
    @118andrey 3 роки тому +57

    "Please if it's not perfect forgive me"
    Zero dislikes

    • @picster
      @picster  3 роки тому +6

      That's the forgiveness bonus 🤠

    • @Hyrain
      @Hyrain 3 роки тому +10

      someone disliked.. let's start a crusade

    • @picster
      @picster  3 роки тому +6

      @@Hyrain haha, hey, if someone dislikes it... It's ok ☺️

    • @mizuki6048
      @mizuki6048 3 роки тому

      You jinxed it lmao

    • @masaratech
      @masaratech 3 роки тому

      @@Hyrain the only one since your comment!

  • @jwr26games
    @jwr26games 3 роки тому +1

    This is an excellent demonstration of the Godot Particle2D node! Your artwork is also top-notch too!! Hats off to you sir!!

  • @saulnores3477
    @saulnores3477 3 роки тому +8

    12:58 I'll give you an advice for future videos. Please zoom in (I can't see well those small coding).
    The rest of your video is awesome. You are great at teaching particles.

  • @Chevifier
    @Chevifier 3 роки тому +2

    Talk about thinking outside the box. I would've never thought to give a particle texture an offset to get that effect!!!

  • @garffild
    @garffild 3 місяці тому

    I can’t finish watching this awesome tutorial because I am falling asleep. This voice and music and effects are like hypnosis 😅

  • @skepsys_d
    @skepsys_d 3 роки тому +2

    Very cool and great work making a video on this subject, this is going to help the Godot community a ton. Thank you and stay safe out there.

  • @travisnielsen9975
    @travisnielsen9975 3 роки тому +1

    Wow! Very cool!! Thank you! This was very easy to understand.

    • @picster
      @picster  3 роки тому +1

      Thanks for the motivation!

  • @marcosadrian65
    @marcosadrian65 3 роки тому +2

    Awesome tutorial man thanks!!

    • @picster
      @picster  3 роки тому

      Glad you like it 😁

  • @jugibur2117
    @jugibur2117 2 роки тому

    Really great info here, thanks a lot! (Also the function wrapf() I did not know yet)

  • @meowyih1
    @meowyih1 2 роки тому

    Many thanks for this short and clear tutorial, and also the CC0 license sample project.

  • @rossc5140
    @rossc5140 2 роки тому +1

    Found this incredibly useful, thanks!

    • @picster
      @picster  2 роки тому

      You're welcome!

  • @kidando
    @kidando 3 роки тому +1

    I just watched the first 20 seconds and I have subscribed

    • @picster
      @picster  3 роки тому +1

      Thanks ☺️

  • @itzzsadji2287
    @itzzsadji2287 6 місяців тому

    Imo that's the best tutorial i saw. Tysm

  • @jasonplays4332
    @jasonplays4332 3 роки тому +1

    I just found your channel from a 4 game developers on one art kit video. I'm in love with your new content. You have so much knowledge to share and you share it well. Keep up the hard work!

    • @picster
      @picster  3 роки тому

      Thanks a lot! Very motivating words!

  • @zoggerdev3201
    @zoggerdev3201 3 роки тому +1

    Finally some examples that are simple and effective. I will adapt some of your ideas and integrate them into my own mobile game. Great video thanks :)

  • @jacksontriffon5064
    @jacksontriffon5064 2 роки тому +1

    Next time please zoom in ~ especially in the code sections ~ so we can read everything, even when watching on mobile. Thanks for the awesome video! :)

  • @thetiphon
    @thetiphon 9 місяців тому +1

    Great tutorial! Much thanks

  • @obadiahluna4215
    @obadiahluna4215 3 роки тому +1

    Your Godot videos are really informative and helpful. Thank you friend, for clearing up some particle questions I had!
    You're awesome!

  • @pablogri4667
    @pablogri4667 3 роки тому +1

    Wow man I love this tutorial, thanks for your work! Regards from Argentina

    • @picster
      @picster  3 роки тому

      Cheers back from Germany!

  • @Lulink013
    @Lulink013 3 роки тому +2

    I've already had a lot of fun fiddling with all the options and a basic particle shape but your results are on anothe level! Why is that? Pretty simple: I wasn't using the power of curves, didn't know about the >1 luminosity trick and stuck to basic particle shapes.
    Next time I use that node I'll have a lot more ideas, thanks!

    • @picster
      @picster  3 роки тому

      Cool! Glad you find it useful!

  • @cheza_cheza
    @cheza_cheza Рік тому

    Thank you! That sparkle effect has saved me a lot of time and effort!

  • @devsimples
    @devsimples 3 роки тому +1

    You had me when you said "Bottomless". I saw your game and I had no idea you had a youtube channel!! Keep on it bro!

    • @picster
      @picster  3 роки тому

      Thanks for the nice motivation!

  • @NycroLP
    @NycroLP 3 роки тому +4

    God I love thise engine. It's so much more fun and easier to use than lets say UE4.

  • @marcelor1235
    @marcelor1235 Рік тому

    Wow! This intro is impressive!

  • @rtfranco
    @rtfranco 3 роки тому +1

    Awesome! Nice tutorial format.

  • @infinitenex8165
    @infinitenex8165 2 роки тому

    This video is a gold mine! Thank you very much for the demonstration and repo.

  • @LaurentSOUDRON
    @LaurentSOUDRON Рік тому

    Impressive how well you know how to use Godot and particles 😲👍

  • @ultimaxkom8728
    @ultimaxkom8728 3 роки тому +2

    This tutorial is very interesting and very alive. Nice.

  • @FullCitris
    @FullCitris 2 роки тому +2

    Nice! This is the first actually helpful tutorial I've watched for more "advanced" particles. I just need to know how you made the particles.

  • @Mohamed88Hassan
    @Mohamed88Hassan 2 роки тому +2

    wow
    thats rly helpful ty
    can u tell me how to creat dropping like heavy boxes get on the player when he get close from it ?

    • @picster
      @picster  2 роки тому

      Hmmm I'm not sure if I understood your question correctly... 😔

  • @luh2829
    @luh2829 3 роки тому +1

    Wow so pretty. I love the effects. first time I've really done any was in a game jam a few days ago. Thought they looked fine, now I'm kinda embarrased about them😅

    • @picster
      @picster  3 роки тому

      Thanks! Don't be embarrassed, it's just one page in a diary ☺️

  • @leodarcangela
    @leodarcangela 3 роки тому +1

    Thanks for your advices, it's very interesting !!

  • @notanenglishperson9865
    @notanenglishperson9865 3 роки тому +1

    I really liked this tutorial, even though I don't actually making games :D

  • @bugseater1
    @bugseater1 3 роки тому +2

    Useful! I hope you make more of these Godot tutorials after Bottomless comes out instead of going silent for 9 years lol

    • @picster
      @picster  3 роки тому +3

      Haha, 9 years fly by so fast 🤣
      I have a list of things I want to explain more in depth. At the moment my number one goal ist to get the trailer ready so I can get the Steam page up and running.

    • @bugseater1
      @bugseater1 3 роки тому +2

      @@picster Overall I've been really excited for Bottomless. It's one of the first Godot games that looks like it has massive potential to be something incredible.
      Keep going on!

    • @picster
      @picster  3 роки тому +2

      @@bugseater1 thank you for the motivation!

    • @bugseater1
      @bugseater1 3 роки тому

      @SirLollipop ye.

  • @judelingan5863
    @judelingan5863 3 роки тому +1

    This is a really solid tutorial. Keep making things like this.

  • @RebelliousX
    @RebelliousX 3 роки тому +1

    Really cool, I love this. Thanks for the tutorial 👍🏼

  • @MrMushroom5
    @MrMushroom5 3 роки тому +1

    Thanks bro I needed it for my weapons

  • @InsightfulCaveman
    @InsightfulCaveman 3 роки тому +1

    Thank you! This is very useful.

  • @astwyr2856
    @astwyr2856 3 роки тому +1

    you are awesome thank you so much!!

  • @arthank1263
    @arthank1263 2 роки тому +1

    Lovely!
    I'm off to try and make some of these 3d :))

    • @picster
      @picster  2 роки тому +1

      It's more or less the same. In Godot, 3D and 2D particle systems use the same resource.

  • @moofymoo
    @moofymoo 3 роки тому +1

    Good tutorial, thnx!
    Suggestion - for getting first particle effect to show something (Hello World), you could go slower and explain something about properties that are required for particle system to work. If someone (me :p) has never used particle system, he needs to pause after every couple seconds.

  • @kunai9809
    @kunai9809 3 роки тому

    thanks for that. Looks awesome in my game :D

  • @Kio_Kurashi
    @Kio_Kurashi 2 роки тому +5

    That circle 'mistake' looked like it would be a good energy orb particle that's moving. Would just have to change the direction based on the volocity required.

  • @gibbdev
    @gibbdev 3 роки тому +1

    Absolete legend, thank you verry much! Keep em comming)

    • @picster
      @picster  3 роки тому

      Thanks! I'll try!

  • @akam9919
    @akam9919 3 роки тому +4

    When you're coffee's so hot, it creates a tornado...

  • @cryptoperumal5590
    @cryptoperumal5590 2 роки тому

    thanks for explaining in detail manner..

  • @cratrgames3487
    @cratrgames3487 3 роки тому +1

    Surprisesurprise, great tutorial!

  • @mightymochigames
    @mightymochigames 3 роки тому +1

    Thanks for making this!

  • @Silver-nm2if
    @Silver-nm2if 3 роки тому +6

    that one person missed the like button

  • @LordDarkfinst
    @LordDarkfinst 3 роки тому +1

    Hehe wonderful! 👍

    • @picster
      @picster  3 роки тому

      Thank you! 🎉

  • @eboatwright_
    @eboatwright_ 3 роки тому +1

    Thanks for this!

  • @pawemichaowski3491
    @pawemichaowski3491 3 роки тому

    Thank you, awesome narration

  • @Muphet
    @Muphet Рік тому +1

    I thought I found godot tutorial but it was ASMR video

    • @picster
      @picster  Рік тому

      Lol 😂 what? 😁

  • @lucasviana237
    @lucasviana237 Рік тому

    Very nice tutorial. Thanks.

  • @onexgol_studio
    @onexgol_studio 3 роки тому +1

    Nice!

  • @DestusG
    @DestusG 3 роки тому +1

    Thanks for the tutorial helped alot

    • @picster
      @picster  3 роки тому +1

      Glad to hear that! ✌️

  • @khusravkholmatov3667
    @khusravkholmatov3667 3 роки тому +1

    Super 👌

  • @kusog3
    @kusog3 3 роки тому

    Godot content... instant sub!

  • @FrozenWell
    @FrozenWell 3 роки тому +1

    great video thanks

  • @no-trick-pony
    @no-trick-pony 3 роки тому +2

    :D

  • @luh2829
    @luh2829 3 роки тому +1

    Wow such pretty. Just watched it like 2 More times to kinda copy the particles for a little project im working on. Its really kinda amazing, how much difference nice Particles can do for a game.
    How do you make those nice Sprites btw?

  • @javierbarron2122
    @javierbarron2122 3 роки тому +2

    Awesome.
    I would suggest to zoom in on the code and properties because I cannot see them on a cellphone.

  • @mightymochigames
    @mightymochigames 2 роки тому

    This is such a good video

  • @ahmadtakhimi6839
    @ahmadtakhimi6839 3 роки тому +1

    Thank you for the awesome textures. Can you show us how did you make them ? Using blender ? What addon did you use ? Thanks again

    • @picster
      @picster  3 роки тому +1

      I used Blender for the animated spritesheet (the file is in the repository).
      Inside Blender I used no add-ons.
      The other textures were made in Photoshop.

  • @derianhyperioon7830
    @derianhyperioon7830 3 роки тому +1

    hello
    picster !

    • @picster
      @picster  3 роки тому

      Hello back! 👋

  • @wadg
    @wadg 3 роки тому +2

    Wuao great job! Thank you so much! Btw in the 3rd example, you cut your video and we cannot see the setting that changes the display from three to only one (in minute 6:47)

    • @picster
      @picster  3 роки тому +1

      Thanks!
      I will take more care in the future!

  • @teucay7374
    @teucay7374 2 роки тому

    You have a new sub!

  • @formal_club
    @formal_club 7 місяців тому

    thank you so much!

  • @cmds.learning7426
    @cmds.learning7426 3 роки тому +1

    cool!

  • @dumpsta-divrr365
    @dumpsta-divrr365 2 роки тому +1

    In the third example, how are you making it so only one of the three "glows" in random_selection.png is shown? Mine acts like yours does but all three parts of that image are shown. I thought changing the Visibility Rect under Particles2D would help but no luck

    • @picster
      @picster  2 роки тому

      Ah, that was a bad editing from my side.
      I said it, but the video does not show it: You need to check "Particles Animation" and set "H Frames" to 3 (in this case).
      I show how to set it up at ua-cam.com/video/DPDPI5zDeoM/v-deo.html - 0:47

    • @dumpsta-divrr365
      @dumpsta-divrr365 2 роки тому

      @@picster Ah yeah that did it, thanks so much!

  • @agrogers1
    @agrogers1 3 роки тому +2

    Very good effects. Thanks heaps for sharing. I'll pray for a special blessing from Jesus for you tonight!

  • @ForeverNils
    @ForeverNils 3 роки тому +1

    Nice. And all this without global environment?

    • @picster
      @picster  3 роки тому

      In this video there is no WorldEnvironment setup tough it can greatly help using a little glow 😀

  • @JamesRobertOsborne
    @JamesRobertOsborne 3 роки тому +1

    Awesome! Is it possible to output (export or screen-capture) these rendering particles into a PNG image sequence (with its alpha channel intact) inside Godot?

    • @picster
      @picster  3 роки тому

      I think you should be able to do this. But it's definitely not a menu-option or something like that.
      It should be possible using the Particle Systems inside a viewport and render that to a png "sequence".
      Check out this post:
      godotengine.org/qa/12979/how-to-merge-two-png-files-during-runtime-and-save-to-disk
      But to be honest, you could recreate those particle systems with relative ease in blender and just render it there 😉

  • @peatral
    @peatral 3 роки тому +1

    This video is great! But when stitching the single pngs of the animated one together into a sprite sheet, harsh edges become visible (The glare overlaps with the edge). Did you change something in the video? Maybe reduced the glare or something?

    • @picster
      @picster  3 роки тому

      Hey, I already supplied the stitched version in the folder:
      "textures\particle_examples"
      If you talk about stitching the files that are inside the "materials
      endered_particles" folder, that is a good example why textures like this are a bit more work than normal textures.
      It's important to take good care about the levels of the image.
      Even the slightest variation inside the "black" parts of an image can lead to a unwanted result.
      For textures like these, I always double check inside Photoshop, if the levels are correct.
      If you are interested, I can make a very short Tutorial about that :)

    • @peatral
      @peatral 3 роки тому +1

      @@picster Oh, I somehow missed that folder... But a short tutorial could be helpful for making your own particles 👍

    • @picster
      @picster  3 роки тому

      @@peatral I will try to put it up tomorrow ✌️

    • @peatral
      @peatral 3 роки тому

      @@picster Thanks, that's nice!

  • @BojanDam
    @BojanDam 3 роки тому +1

    Great vid. Small sugestion, make code bigger, I am watching it on TV and I don't see anything. 😉

    • @picster
      @picster  3 роки тому

      Good idea! Thanks

  • @Judas_Is_Fish
    @Judas_Is_Fish 3 роки тому +1

    This is really cool tutorial, but can you make actions not so fast in future videos? It's hard to understand, when everything is happening so fast. Otherwise everything is perfect :)

    • @picster
      @picster  3 роки тому +2

      It was without a script and when I was editing the video, I noticed that in the future I think I will do everything twice... one time to test and one time to actually show what i want to without much information-noise.

  • @akienK
    @akienK 3 роки тому

    That's a really nice video! I learned a few tricks and consolidated some of what I had learned while porting github.com/KOBUGE-Games/jetpaca particles (which I didn't author initially) from Godot 2 to Godot 3.
    Your explanations are very clear and the pace is just fine, looking forward to more videos :)
    One thing though, you seem to have a fairly high DPI screen and Godot UI elements are thus quite tiny. Might work well if you have a big screen but for UA-cam I would suggest to either change your screen resolution to 1080p, or use Godot's editor DPI scaling setting to make the UI bigger.

  • @sosasees
    @sosasees 3 роки тому +2

    I watched this video
    just to see if there will be a stupid
    Godot Particle System
    joke.
    I was not disappointed.

    • @picster
      @picster  3 роки тому +1

      Oh which one? I am ALWAYS SERIOUS!

    • @sosasees
      @sosasees 3 роки тому +1

      @@picster There was actually no
      Godot Particle System joke
      in this video.
      I said that I was not disappointed
      because you showed me unseen possibilities with the
      Godot Particle System.

    • @picster
      @picster  3 роки тому +1

      @@sosasees ahh ok, now I got it! Glad you were not disappointed

  • @mangojuic3e
    @mangojuic3e 2 роки тому

    i just got into vfx for my first game project and this video has been very helpful thank you so much for making these

    • @mangojuic3e
      @mangojuic3e Рік тому

      its still not done oof yikes :D

  • @OmeedNOuhadi
    @OmeedNOuhadi 4 місяці тому

    👏👏👏

  • @matheusnico1as
    @matheusnico1as Рік тому +1

    please, could you do it for Godot 4?

  • @devgilmore
    @devgilmore 3 роки тому +1

    I know this is a lot to ask for, but I am so curious how you made the grapple hook for your game. Even if it isn't an in depth tutorial, just a quick explanation or article would be appreciated!

    • @picster
      @picster  3 роки тому +1

      I plan a tutorial for that, so please be patient. 😌

    • @devgilmore
      @devgilmore 3 роки тому

      @@picster Thanks so much! I will wait as long as I have too to see that :)

  • @gibmadaf
    @gibmadaf 3 роки тому +1

    por alguna extraña razón al ingresar la textura las partículas (min 1:18) parpadean como si faltara un fotograma, es decir no se manifiesta fluida la vida de la partícula

  • @MrMr-oj7hl
    @MrMr-oj7hl 4 місяці тому +1

    6:30 having trouble replicating this in godot 4.2 3d

    • @picster
      @picster  4 місяці тому +1

      In 3D it works a bit different.
      Create a new StandardMaterial3D in the material override slot.
      In the Material, under Billboard, set Mode to Particle Billboard.
      A new section will then appear in the Material called "Particle Anim". There you can setup h and v frames.

    • @MrMr-oj7hl
      @MrMr-oj7hl 4 місяці тому

      @@picster Actually I meant the whole example, I don't know how to make smooth transitions in 4.2 3D godot

  • @SantoLucasST
    @SantoLucasST 3 роки тому +1

    zero dislikes

  • @DogeisCut
    @DogeisCut 3 роки тому +1

    Any tips on an Explode effect?

    • @picster
      @picster  3 роки тому

      I will try to find a little time to make a video about that topic.
      Basically: fast, powerful, bright

  • @ryanscott5317
    @ryanscott5317 3 роки тому +1

    Thanks man have a like and a sub. Build a pack of effects and sell it. :)