Fluffy, Soft Particles (WebGL/Three.js)

In this project, I'll show you how soft particles work, and walk you through the opengl transformation pipeline.

Follow me on:

In the video, we cover:
* OpenGL Transformations, Local, World, View, Projection, NDC spaces
* Reading from the Depth buffer
* Fading particle using depth differences

Various resources used:

[robinzon]

i hope your YouTube channel grows more, more people must learn shader programming from you

[unfa]

Wow. I am so glad that the engine I use (Godot) exposes the depth buffer already in whatever space I need without me having to do all these transforms. I had no idea there was more than the view and model transforms involved.

[AndersonMancini]

My brain is completely melted hahah. OMG. This shows how much I have to learn still. Great tutorial. It is so good to see this very advanced stuff explained like this. 👍🏻

[DavoGalavotti]

This is invaluable content, really well paced, witty and engaging.

I don’t have a super strong foundation on shaders yet, but you manage to make it easier to grasp.

Thank you so much!

[NorppaCast]

This content is pure gold! Thank you for this channel. I have to figure out how the patreon works.

[ajlightning]

The three community is lucky to have you sharing all this knowledge. I honestly don't know where else I would learn all this in the context of the web. I'd have to take a several years long career detour into a game studio or something

[cykboy]

id love to hear more about your history, what you've worked on, for how many years etc. you clearly have a wealth of knowledge to share, and you worked on prototype? used to really like that game as a kid

[HomeAloneBoi]

I just realized you said you worked on one of my favorite games. Awesome you inspire me everyday Simon.

[aequanimus]

I'm so glad you cho cho chose to cover this!

[AddyVDH]

Beer purchased! These videos are great as someone working in a nearby-ish field to graphics.

[andrazvene]

I'm too busy recently to even start messing with three.js, but your videos are just way too watchable to skip. Can't wait to find some time to be able to start playing around your tutorials

[Rssks]

None of it was boring! It was fun and insightful :)

[hamzzashaffi]

Thank you so much for these great tutorials!

[pist]

Awesome! Love the shader techniques :D
Thus, in your opinion - handling the necessary depth information and feeding it to the particles shader - what would be the "proper", professional, ideal way of doing this?

Thanks!

[gastonalejandrotrivi]

I would love to see a version of this video with no libraries

[МаксимЧернов-эя]

Could you make a video about object collisions, how to fix movements through walls!)

[agxryt]

What’s the difference between creating particles this way, as code, and creating particles within blender and animating?

[emapta]

Loved it...could you make a tutorial based on 3d maze game in three js?

[Dr.MSC.W.Krueger]

That Nvidia paper is from 2007? Interesting...we integrated something comparable into our in-house renderer as far back as 1995.

[chrisjohns]

Are there any dependencies to download in these projects? I cant seem to get them to work