Loading video...

Video Failed to Load

Go Home

Coding a crazy toroid tunnel. #webgl #shader

The_ArtOfCode's profile picture

.

7,274 subscribers

37,147 views • 3 years ago •via X (Twitter)

#webgl#shader
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

I built a WebGL layer that syncs with the DOM, optimised for coding agents. Get notified 👉
0:14

I built a WebGL layer that syncs with the DOM, optimised for coding agents. Get notified 👉

JesperLandberg

17,373 views • 1 month ago

So many things to show… Here’s one more experiment from our upcoming project. #gsap #webgl #threejs #shader #3dwebsite
0:15

So many things to show… Here’s one more experiment from our upcoming project. #gsap #webgl #threejs #shader #3dwebsite

Noomo Agency

11,806 views • 6 months ago

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders
0:15

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders

Ksenia Kondrashova

51,886 views • 3 years ago

Shipped a new shader today: - Ray-traced lights locally - Stored bakes as a small texture - Display with a simple WebGL script It's all about placing pretty pixels on the screen
0:11

Shipped a new shader today: - Ray-traced lights locally - Stored bakes as a small texture - Display with a simple WebGL script It's all about placing pretty pixels on the screen

Matias 🧉

19,469 views • 2 months ago

Draw GLSL flowers with your cursor! 🌺 One full-screen plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtool
0:13

Draw GLSL flowers with your cursor! 🌺 One full-screen plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtool

Ksenia Kondrashova

28,620 views • 3 years ago

Coding without typing is crazy
0:10

Coding without typing is crazy

Dhruvam

89,870 views • 1 month ago

Bake your #threejs shaders into textures! I am releasing three-shader-baker, try it out today! Works with both Vanilla and #r3f Demo: GitHub: #creativecoding #webgl
0:19

Bake your #threejs shaders into textures! I am releasing three-shader-baker, try it out today! Works with both Vanilla and #r3f Demo: GitHub: #creativecoding #webgl

Faraz

27,318 views • 2 years ago

Opus 5.5 paints like Qi Baishi. In a shader. Every shrimp is live WebGL: ink washes, dry-brush whiskers, edges that bleed into the paper. Swipe too close, and they flick their tails and dart away.
0:10

Opus 5.5 paints like Qi Baishi. In a shader. Every shrimp is live WebGL: ink washes, dry-brush whiskers, edges that bleed into the paper. Swipe too close, and they flick their tails and dart away.

Joshua Guo

27,576 views • 1 month ago

PIP 🤖, a raymarched hardware pet. Follows your cursor, blinks, winks, and gets a little too excited when you keep clicking. Powered by my glass raymarch engine. No Three.js, no 3D assets. Raw WebGL, running in Framer via its Shader API. #glsl
0:18

PIP 🤖, a raymarched hardware pet. Follows your cursor, blinks, winks, and gets a little too excited when you keep clicking. Powered by my glass raymarch engine. No Three.js, no 3D assets. Raw WebGL, running in Framer via its Shader API. #glsl

Jae

18,445 views • 1 month ago

Coding some WebGL shaders for 3D Gaussian Splatting 😀 Check the quality of clothes at 9 seconds! We are going to push things for fashion. live demo :
0:19

Coding some WebGL shaders for 3D Gaussian Splatting 😀 Check the quality of clothes at 9 seconds! We are going to push things for fashion. live demo :

Alexandre Devaux

327,048 views • 3 years ago

design idea for a water tracking app. the fill level is a real fluid sim reacting to your gyroscope built with a webgl fragment shader, damped pendulum physics, refraction and chromatic aberration i can share the file if anyone wants to play with it
0:19

design idea for a water tracking app. the fill level is a real fluid sim reacting to your gyroscope built with a webgl fragment shader, damped pendulum physics, refraction and chromatic aberration i can share the file if anyone wants to play with it

Eugene Y.

89,178 views • 3 months ago

New #WebGL pattern! A Voronoi diagram (love it) with eyes calculated over the polar coordinates of each cell. No images or graphic libs here, just a #GLSL shader wrapped with JS Live demo & source code: Hosted on CodePen.IO Special thx to The Book of Shaders
0:13

New #WebGL pattern! A Voronoi diagram (love it) with eyes calculated over the polar coordinates of each cell. No images or graphic libs here, just a #GLSL shader wrapped with JS Live demo & source code: Hosted on CodePen.IO Special thx to The Book of Shaders

Ksenia Kondrashova

35,396 views • 2 years ago

You Like it procedural?? Check this shader Im working on!! Just a Shader and scatered plants! "A shader to rule them all" 🧙‍♂️ #3dsMax #vray
0:18

You Like it procedural?? Check this shader Im working on!! Just a Shader and scatered plants! "A shader to rule them all" 🧙‍♂️ #3dsMax #vray

1000 WORDS

123,647 views • 3 years ago

The Air Force's stable plasma toroid research paid off.
0:14

The Air Force's stable plasma toroid research paid off.

Ashton Forbes

67,614 views • 2 months ago

Old: just slap a gradient on it New: just use a shader… shader it all
0:11

Old: just slap a gradient on it New: just use a shader… shader it all

Charles Patterson

199,738 views • 9 months ago

This Ricky Pearsall tunnel shot goes crazy 🔥🔥 🎥: San Francisco 49ers
0:10

This Ricky Pearsall tunnel shot goes crazy 🔥🔥 🎥: San Francisco 49ers

OurSF49ers

87,772 views • 2 years ago

This is the 5th or 6th time I've written a topography shader & every time it gets a little bit better & I learn a little bit more. It's a nice challenge for anyone learning about shaders! Some details on the plans for this implementation below 👇 #gis #3dtiles #threejs #webgl
0:14

This is the 5th or 6th time I've written a topography shader & every time it gets a little bit better & I learn a little bit more. It's a nice challenge for anyone learning about shaders! Some details on the plans for this implementation below 👇 #gis #3dtiles #threejs #webgl

Garrett Johnson

94,626 views • 1 year ago

Rolling Dial⌚️🧊 A 2D/3D graphic design shader for a HUD dial. All in a #glsl fragment shader.
0:12

Rolling Dial⌚️🧊 A 2D/3D graphic design shader for a HUD dial. All in a #glsl fragment shader.

Jae

13,414 views • 2 months ago