Loading video...

Video Failed to Load

Go Home

Just published a new tutorial on Codrops by Jatin Chopra showing how to create a dissolve effect with shaders and particles in Three.js. Huge thanks to Jatin for sharing his expertise and walking us through this technique. 🙏 💙 Read it here:

crnacura's profile picture

Manoela Ilic

24,806 subscribers

18,136 views • 1 year ago •via X (Twitter)

Science & TechnologyEducationArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic
0:19

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic

Puneet | Techartist

17,960 views • 1 year ago

Learn How To Build a Gemini-Powered Robotics Simulator in the Browser with MuJoCo WASM. MuJoCo (WebAssembly) + Three.js + Gemini ER Thanks for sharing, Omar Sanseviero! 📍Tutorial: Demo: —— if it matters in AI or Robotics you'll see it here first:
0:10

Learn How To Build a Gemini-Powered Robotics Simulator in the Browser with MuJoCo WASM. MuJoCo (WebAssembly) + Three.js + Gemini ER Thanks for sharing, Omar Sanseviero! 📍Tutorial: Demo: —— if it matters in AI or Robotics you'll see it here first:

Ilir Aliu

17,686 views • 4 months ago

If you want to see a technical breakdown of the 35mm website, I wrote a blog post on Codrops where I detail the Three.js/shaders code ! It's live on Codrops🔗⬇️
0:19

If you want to see a technical breakdown of the 35mm website, I wrote a blog post on Codrops where I detail the Three.js/shaders code ! It's live on Codrops🔗⬇️

chakib

14,962 views • 1 year ago

Made a huge tutorial on how to make a water shader in Unity 💦 This took a while to make and I put in almost everything I know about stylized water shaders. #madewithunity
0:15

Made a huge tutorial on how to make a water shader in Unity 💦 This took a while to make and I put in almost everything I know about stylized water shaders. #madewithunity

Alex Ameye

170,916 views • 3 years ago

Apple secretly invented a new bento card effect back in 2021. Thankfully, it is very much possible to create this in Framer. 🔁 100 retweets and I'm rebuilding it in a YouTube tutorial.
0:12

Apple secretly invented a new bento card effect back in 2021. Thankfully, it is very much possible to create this in Framer. 🔁 100 retweets and I'm rebuilding it in a YouTube tutorial.

Framer University

326,159 views • 2 years ago

DRACARYS. LIVE. NOW. A #webgl Three.js experiment on #GPGPU simulations, particles, postprocessing, shaders, water, modelling, audio, lightning and dragons. 🔥🧊🐉 ⤷ [:// 🔊 ON] — #shaders #creative GSAP Astro #HouseofThedragon #dragons
0:18

DRACARYS. LIVE. NOW. A #webgl Three.js experiment on #GPGPU simulations, particles, postprocessing, shaders, water, modelling, audio, lightning and dragons. 🔥🧊🐉 ⤷ [:// 🔊 ON] — #shaders #creative GSAP Astro #HouseofThedragon #dragons

Robert Borghesi

41,172 views • 2 years ago

#UnityTips 12: Here's a step-by-step tutorial on this 3D Bubbles for you to use in your projects! 💡 Learn shaders linearly; 📚 Tutorial by Shaders Bible Series. #gamedev #indiedev #indiegame #unity3d #madewithunity
0:16

#UnityTips 12: Here's a step-by-step tutorial on this 3D Bubbles for you to use in your projects! 💡 Learn shaders linearly; 📚 Tutorial by Shaders Bible Series. #gamedev #indiedev #indiegame #unity3d #madewithunity

IndieGames! 🎮

134,746 views • 3 years ago

TypeGPU 💜 Three.js TypeGPU 0.9 can integrate with Three.js Shading Language (TSL) on a very granular level, thanks to the @typegpu/three package. So now, you can write shaders in TypeScript while leveraging the rich Three.js ecosystem! To showcase the integration, we prepared docs and ported a handful of official Three.js examples 👇
0:16

TypeGPU 💜 Three.js TypeGPU 0.9 can integrate with Three.js Shading Language (TSL) on a very granular level, thanks to the @typegpu/three package. So now, you can write shaders in TypeScript while leveraging the rich Three.js ecosystem! To showcase the integration, we prepared docs and ported a handful of official Three.js examples 👇

Software Mansion

42,810 views • 5 months ago

Just figured out how to create this cool texture effect in the new Affinity. Plus you can move it around and enlarge it. 😎
0:17

Just figured out how to create this cool texture effect in the new Affinity. Plus you can move it around and enlarge it. 😎

Ian Barnard

18,294 views • 7 months ago

Trump just bragged about his signature. Thanks for sharing with us how close your signature is to the one on the disgusting Epstein poem, outlined in the figure of a prepubescent girl.
0:18

Trump just bragged about his signature. Thanks for sharing with us how close your signature is to the one on the disgusting Epstein poem, outlined in the figure of a prepubescent girl.

Brian Krassenstein

99,700 views • 2 months ago

Loving the new transparency options in Blender 5.2. Been working on this effect and a new tutorial.
0:11

Loving the new transparency options in Blender 5.2. Been working on this effect and a new tutorial.

SouthernShotty

42,459 views • 5 days ago

2/2 Update your Martian wallet to the latest version (1.3.5) we have just published! Below is a quick tutorial on how to do that. Create a ticket on our discord if you have issues with anything and we will get you all set for what is to come! LFG!
0:16

2/2 Update your Martian wallet to the latest version (1.3.5) we have just published! Below is a quick tutorial on how to do that. Create a ticket on our discord if you have issues with anything and we will get you all set for what is to come! LFG!

Martian

75,695 views • 3 years ago

I wrote a free 5 part step-by-step tutorial on how to create a vortex VFX. Topics covered: creating geo, textures and material shaders. Tools used: UE5, Blender, Substance. Link in the follow up reply below. I tried to make it beginner friendly so any level artist could follow.
0:15

I wrote a free 5 part step-by-step tutorial on how to create a vortex VFX. Topics covered: creating geo, textures and material shaders. Tools used: UE5, Blender, Substance. Link in the follow up reply below. I tried to make it beginner friendly so any level artist could follow.

Peter Dimitrov

23,183 views • 2 years ago

Jatin Mehta travelling to pakistan to meet his muslim girlfriend Abeera🧡💚
0:18

Jatin Mehta travelling to pakistan to meet his muslim girlfriend Abeera🧡💚

Indra

138,058 views • 1 year ago

🚨JATIN SAPRU VS IRFAN PATHAN ON LIVE SHOW🚨 Jatin said - "This is Irfan Pathan’s home ground & joked that he must have given a lot of free tickets to his relatives" Then Irfan said - "If I say something, it might hurt you" What's your take 🤔 #INDvsNZ
0:16

🚨JATIN SAPRU VS IRFAN PATHAN ON LIVE SHOW🚨 Jatin said - "This is Irfan Pathan’s home ground & joked that he must have given a lot of free tickets to his relatives" Then Irfan said - "If I say something, it might hurt you" What's your take 🤔 #INDvsNZ

Fan Account Richard Kettlebourogh

605,176 views • 5 months ago

🥞 New to swapping? Watch our quick tutorial and learn how to swap tokens on PancakeSwap in just a few clicks!
0:15

🥞 New to swapping? Watch our quick tutorial and learn how to swap tokens on PancakeSwap in just a few clicks!

PancakeSwap

12,938 views • 1 year ago

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles
0:17

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

70,331 views • 9 months ago

Today we have a fantastic masterclass by Edoardo Lunardi on creating an infinite, interactive image space! Learn how to create a pannable image canvas in R3F using chunk-based rendering and performance-first optimizations for buttery-smooth exploration:
0:16

Today we have a fantastic masterclass by Edoardo Lunardi on creating an infinite, interactive image space! Learn how to create a pannable image canvas in R3F using chunk-based rendering and performance-first optimizations for buttery-smooth exploration:

Codrops

13,081 views • 5 months ago

Want your UI animations to react to real data in real time? In this tutorial, Daria Nevezhyna explores Data Binding in Rive to connect visuals, logic, and interaction. You'll learn how to build a dynamic gold price calculator from scratch:
0:12

Want your UI animations to react to real data in real time? In this tutorial, Daria Nevezhyna explores Data Binding in Rive to connect visuals, logic, and interaction. You'll learn how to build a dynamic gold price calculator from scratch:

Codrops

13,723 views • 11 months ago