Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

refaaydev's profile picture

Refaay

4,236 subscribers

60,369 görüntüleme • 3 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji#webgl#threejs#shaders
LIVE

Anya Rossi• Live Now

Private livecam show

4 Yorum

Julianvelezg profil fotoğrafı
Julianvelezg3 yıl önce

Awesome work

The Ebenezer profil fotoğrafı
The Ebenezer3 yıl önce

You’re on a roll! 🫨👏

Refaay profil fotoğrafı
Refaay3 yıl önce

Thanks 😊

Kumail Changezi profil fotoğrafı
Kumail Changezi3 yıl önce

Hypnotic!

Benzer Videolar

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

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

Aj

658,591 görüntüleme • 2 yıl önce

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

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

chakib

27,126 görüntüleme • 1 yıl önce

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

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 görüntüleme • 2 yıl önce

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
0:46

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 görüntüleme • 9 ay önce

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:
2:52

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 görüntüleme • 10 ay önce

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
0:28

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 görüntüleme • 1 yıl önce

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
0:51

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 görüntüleme • 7 ay önce

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
1:16

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 görüntüleme • 1 yıl önce

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
0:20

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 görüntüleme • 9 ay önce

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
0:27

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 görüntüleme • 10 ay önce

#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 🔶
0:30

#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 görüntüleme • 1 yıl önce

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

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

STEPH IS CRYPTO

86,216 görüntüleme • 6 gün önce

#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
0:56

#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 görüntüleme • 3 yıl önce

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
0:36

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 görüntüleme • 1 yıl önce

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.
0:29

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 görüntüleme • 2 yıl önce

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
0:34

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 görüntüleme • 2 yıl önce

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:
0:32

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 görüntüleme • 5 ay önce