Create template, Using DataTextures, Basic FBO, Inertia and nice particles,+ more

In this workshop series i will build GPGPU animational engine from scratch with three.js. 
So it is suitable both for beginners and everyone who wants to understand how this technique is working.

The core of it is computing values in shaders, which allows a lot more computations than on the CPU. Having million particle system is possible.
I will try to extend this tutorial in future with some more examples. Currently it is 3 demos from 3 cool websites that i show here.

During these videos you will learn
<ul>
<li>How to build FBO from scratch</li>
<li>How to create physics engine in shaders</li>
<li>How to create dynamic particle emitters</li>
</ul>



<h3>Websites examples featured </h3>
<ul>
	<li><a href="https://www.nightingale.world/">nightingale.world</a></li>
	<li><a href="https://www.iegao.co.jp/">www.iegao.co.jp/</a></li>
	<li><a href="https://dala.craftedbygc.com/">dala.craftedbygc.com</a></li>
</ul>

Every lesson has its complete file archive under the video.
<video src="/bird.mp4" muted autoplay loop></video>
<video src="/instances.mp4" muted autoplay loop></video>


I plan to update this workshop with WebGPU version of same animations.

Dynamic GPGPU particles with Three.js & React Three Fiber

I want to share my perspective on how some specific math ideas apply to visual graphics.

Create your own
WebGL animations

Dynamic GPGPU particles with Three.js & React Three Fiber

Math for creative developers

Create your own WebGL animations

Dynamic GPGPU particles with Three.js & React Three Fiber

Math for creative developers

Create your own
WebGL animations