Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

#webgl Texture recursion effect using render targets of threejs. Render targets are capable of creating really cool stuff. #threejs #shaders

Refaay

4,236 subscribers

60,369 views • 3 years ago •via X (Twitter)

Education Science & Technology #webgl #threejs #shaders

Anya Rossi• Live Now

Private livecam show

4 Comments

Julianvelezg3 years ago

Awesome work

The Ebenezer3 years ago

You’re on a roll! 🫨👏

Refaay3 years ago

Thanks 😊

Kumail Changezi3 years ago

Hypnotic!

Related Videos

$Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl$

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl

Aj

658,591 views • 2 years ago

X-Rays visualizer using Three.js render targets + postprocessing shaders Live demo + github 👇

X-Rays visualizer using Three.js render targets + postprocessing shaders Live demo + github 👇

chakib

27,126 views • 1 year ago

Made some improvements to my #threejs pipeline and shader editor, with render passes. Also, direct import of 3d Objects from glTF.

Made some improvements to my #threejs pipeline and shader editor, with render passes. Also, direct import of 3d Objects from glTF.

Palash Bansal

55,327 views • 2 years ago

My client ghosted me 👻 Rather than let perfectly good code go to waste, I'm sharing it will all of you! Live Demo: Source: #threejs #webgl #shaders

My client ghosted me 👻 Rather than let perfectly good code go to waste, I'm sharing it will all of you! Live Demo: Source: #threejs #webgl #shaders

Dan Greenheck

18,872 views • 9 months ago

webgl is not as scary as you think, and its crazy powerful let's learn the basics of shaders by recreating this really cool effect I found on dropbox's site:

webgl is not as scary as you think, and its crazy powerful let's learn the basics of shaders by recreating this really cool effect I found on dropbox's site:

Steve (Builder.io)

83,831 views • 10 months ago

Zero Hand Tracking is here! Working on the OS and sensor integration. Accesibility is key, that's why apps are HTML/CSS/JS 2D web apps render as panels in front of you. It's really easy to make this kind of app for Zero 3D apps, like below, run over WebXR, here using #threejs

Zero Hand Tracking is here! Working on the OS and sensor integration. Accesibility is key, that's why apps are HTML/CSS/JS 2D web apps render as panels in front of you. It's really easy to make this kind of app for Zero 3D apps, like below, run over WebXR, here using #threejs

Miroslav Kotalík

13,123 views • 1 year ago

Excited to announce that Three.js Water Pro 🌊 is now available for purchase! Can't wait to see what people build with this. Welcome to the era of WebGPU! 🚀 #threejs #webgpu #webgl #shaders

Excited to announce that Three.js Water Pro 🌊 is now available for purchase! Can't wait to see what people build with this. Welcome to the era of WebGPU! 🚀 #threejs #webgpu #webgl #shaders

Dan Greenheck

37,694 views • 7 months ago

Looking for the right textures for your project? 🎨 Instead of browsing libraries all day, check out the Cosmic Texture Browser 🌌 Save this one for later 👉 🚀 #Threejs #WebGL #3DTextures

Looking for the right textures for your project? 🎨 Instead of browsing libraries all day, check out the Cosmic Texture Browser 🌌 Save this one for later 👉 🚀 #Threejs #WebGL #3DTextures

Three.js Resources

10,947 views • 1 year ago

Nice presentation how a depth of field effect could be adjusted with visual representation by color using part of the viewport to render useful data - here used in the project by Igor Suntsev: #MadeWithDefold #gamedev #indiedev #rendering #shaders #programming

Nice presentation how a depth of field effect could be adjusted with visual representation by color using part of the viewport to render useful data - here used in the project by Igor Suntsev: #MadeWithDefold #gamedev #indiedev #rendering #shaders #programming

Defold Engine

22,663 views • 9 months ago

These are some of the more basic effects you can make, I think, but these are outline & glow effects made with the Jump Flood SDF buffer - link to the repo below! 👇 #threejs #webgl #gamedev

These are some of the more basic effects you can make, I think, but these are outline & glow effects made with the Jump Flood SDF buffer - link to the repo below! 👇 #threejs #webgl #gamedev

Garrett Johnson

89,765 views • 10 months ago

#b3d real-time compositer nodes. You know just and idea but could be cool if a lot more vectormath nodes were exposed in compositer. And some day all the render passes would work. A lot of things could be done without huge render times or need for object domain shaders. Blender 🔶

#b3d real-time compositer nodes. You know just and idea but could be cool if a lot more vectormath nodes were exposed in compositer. And some day all the render passes would work. A lot of things could be done without huge render times or need for object domain shaders. Blender 🔶

Miettinen Jesse - Embrace FX

20,541 views • 1 year ago

🚨Bank of America is using Ripple, while $10,000–$35,000 ripple:native price targets are now circulating.

🚨Bank of America is using Ripple, while $10,000–$35,000 ripple:native price targets are now circulating.

STEPH IS CRYPTO

86,216 views • 6 days ago

#webgi engine is revolutionizing the world of real time jewellery rendering! Using cutting-edge physics-based simulations, we can now create stunning virtual jewellery with jaw-dropping realism. Prepare to be mesmerized by the sparkle and shine! 💍✨ #PhysicsSimulation #JewelleryInnovation #threejs #webgl

#webgi engine is revolutionizing the world of real time jewellery rendering! Using cutting-edge physics-based simulations, we can now create stunning virtual jewellery with jaw-dropping realism. Prepare to be mesmerized by the sparkle and shine! 💍✨ #PhysicsSimulation #JewelleryInnovation #threejs #webgl

iJewel3D (Pixotronics)

15,756 views • 3 years ago

Mario Kart 3.JS - DEVLOG 2 Today's work : improved kart drift VFX, i'm still thinking of how will I have my trail particles, but it's in progress. Got the exact drift Shader from Mario Kart World using circle geometry. And mostly... #threejs #webGL #threejsjourney

Mario Kart 3.JS - DEVLOG 2 Today's work : improved kart drift VFX, i'm still thinking of how will I have my trail particles, but it's in progress. Got the exact drift Shader from Mario Kart World using circle geometry. And mostly... #threejs #webGL #threejsjourney

Alex

24,041 views • 1 year ago

made this in blender and react. still surprising how powerful a tool functional composition is. the ticker is solved with minimal effort, same semantics devs would use on the web. this is a side that is generally ignored in webgl/threejs. canvas3d is thought of in terms of scene primitives, math and shaders. these are all good to know. but i see people all the time trying to use these for solving problems that are inherently of a compositional nature, and fail. imperative javascript and oop lack composition. this is the only thing react adds to threejs (and any other platform it renders to), it allows it to compose.

made this in blender and react. still surprising how powerful a tool functional composition is. the ticker is solved with minimal effort, same semantics devs would use on the web. this is a side that is generally ignored in webgl/threejs. canvas3d is thought of in terms of scene primitives, math and shaders. these are all good to know. but i see people all the time trying to use these for solving problems that are inherently of a compositional nature, and fail. imperative javascript and oop lack composition. this is the only thing react adds to threejs (and any other platform it renders to), it allows it to compose.

☄︎

30,505 views • 2 years ago

Some snippets of the survival game we had fun creating for our graduation project GOBELINS Paris Where you have to figure out how to escape, survive, and maybe learn why you ended up here 🥶 with lisa 🔮 Alban & Leo Clot Fully made in webgl with #threejs

Some snippets of the survival game we had fun creating for our graduation project GOBELINS Paris Where you have to figure out how to escape, survive, and maybe learn why you ended up here 🥶 with lisa 🔮 Alban & Leo Clot Fully made in webgl with #threejs

Paul Soulhiard

13,847 views • 2 years ago

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:

The Bugged Dev

46,011 views • 5 months ago