Loading video...

Video Failed to Load

Go Home

I built a website where you can browse the #threejs shaders code by expanding the <includes> in place. It gives a better understanding of what the code is doing without having to open each file individually. #glsl #WebGL

grgrdvrt's profile picture

grgrdvrt

2,249 subscribers

23,573 views • 1 year ago •via X (Twitter)

ArtsEducationScience & Technology#threejs#glsl#WebGL
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

<Frozen> is now open source!😊 Try it out👉 <Frozen> // your r3f scene </Frozen> #threejs #r3f #WebGL #r3f #GLSL #shaders
0:10

<Frozen> is now open source!😊 Try it out👉 <Frozen> // your r3f scene </Frozen> #threejs #r3f #WebGL #r3f #GLSL #shaders

ハシモトタクマ / FunTech

51,908 views • 10 months ago

visualizing the lorenz attractor with claude code, threejs, webgl shaders formula and parameters shown
0:15

visualizing the lorenz attractor with claude code, threejs, webgl shaders formula and parameters shown

AA

22,042 views • 5 months ago

Portfolio in progress, part 2 #threejs #webgl #javascript #creativecoding #shaders #glsl
0:17

Portfolio in progress, part 2 #threejs #webgl #javascript #creativecoding #shaders #glsl

Thibaut Foussard

82,726 views • 2 years 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

A guy in Vancouver built an entire operating system inside a Chrome tab. By himself. Over six years. His personal website is the OS. You open and a Windows-style desktop loads. File explorer. Start menu. Taskbar. You can drag in a zip and extract it. You can play DOOM. You can play Quake III Arena. You can boot Linux from an ISO. You can run Stable Diffusion locally for image generation. You can open a Python terminal. You can edit code in Monaco, the same engine that powers VS Code. All of it runs in your browser tab. Nothing installs. His name is Dustin Brett. Self-taught engineer. Father. Husband. 4,473 commits. All his. He had to swap the Windows icon for the π symbol because of legal pressure. The repo has 12,883 stars. MIT license. His hosting bill is one dollar a month. A single Cloudflare CDN does the rest. This is what the open web was built for. (Link in the comments)
0:18

A guy in Vancouver built an entire operating system inside a Chrome tab. By himself. Over six years. His personal website is the OS. You open and a Windows-style desktop loads. File explorer. Start menu. Taskbar. You can drag in a zip and extract it. You can play DOOM. You can play Quake III Arena. You can boot Linux from an ISO. You can run Stable Diffusion locally for image generation. You can open a Python terminal. You can edit code in Monaco, the same engine that powers VS Code. All of it runs in your browser tab. Nothing installs. His name is Dustin Brett. Self-taught engineer. Father. Husband. 4,473 commits. All his. He had to swap the Windows icon for the π symbol because of legal pressure. The repo has 12,883 stars. MIT license. His hosting bill is one dollar a month. A single Cloudflare CDN does the rest. This is what the open web was built for. (Link in the comments)

Nav Toor

70,762 views • 6 days ago

someone stop me, I am playing around with particles again stack used: - threejs - javascript - shaders written in glsl more 3D sketches made with javascript and their source code completely open-source 👇🏼
0:15

someone stop me, I am playing around with particles again stack used: - threejs - javascript - shaders written in glsl more 3D sketches made with javascript and their source code completely open-source 👇🏼

Sagar ✭

219,607 views • 1 year ago

You can now review the code written by Claude Code, Codex, OpenCode, and more directly in Warp, and send inline comments straight to the agent. It's like a PR review without having to leave your terminal. Try it out!
0:19

You can now review the code written by Claude Code, Codex, OpenCode, and more directly in Warp, and send inline comments straight to the agent. It's like a PR review without having to leave your terminal. Try it out!

Warp

222,727 views • 2 months ago

Three.js -> TSL -> Raymarching -> (WebGPU/WebGL) BlackHole (☢️Radiation Noise & Bloom ) Live - Code - TSL is like a black hole that you can't get out of if you've already fallen into it. (good way) #threejs #tsl #threejsjourney
0:11

Three.js -> TSL -> Raymarching -> (WebGPU/WebGL) BlackHole (☢️Radiation Noise & Bloom ) Live - Code - TSL is like a black hole that you can't get out of if you've already fallen into it. (good way) #threejs #tsl #threejsjourney

MisterPrada

99,614 views • 7 months ago

Smoke wants out. Glass won’t let it. #threejs #glsl #shaders
0:13

Smoke wants out. Glass won’t let it. #threejs #glsl #shaders

Fabio Ottaviani

44,765 views • 7 months ago

6. Explain code Give a link to Bard and ask it a question about a file. It'll be able to explain what it's for and how it works. Prompt → Can you explain what is the file agent py in this repo? (your link)
0:18

6. Explain code Give a link to Bard and ask it a question about a file. It'll be able to explain what it's for and how it works. Prompt → Can you explain what is the file agent py in this repo? (your link)

Paul Couvert

749,053 views • 3 years ago

It's incredible what you can do with Rive + Cursor in just a few hours. This nav I built in Rive is fully integrated into my Swift app and took a fraction of the time to build as it would doing it all in code. It's super performant and really lightweight.
0:15

It's incredible what you can do with Rive + Cursor in just a few hours. This nav I built in Rive is fully integrated into my Swift app and took a fraction of the time to build as it would doing it all in code. It's super performant and really lightweight.

Ben

153,681 views • 1 year ago

"Hand-drawn sketch → full 3D WebGL experience ✨ (Made with Claude Code and fal ) Play here 👇 60% my craft: drawing, C4D, Three.js shaders, baking 20% Claude Code 20% Image model + Hunyuan 3D AI doesn't replace creativity, it amplifies it. #threejs #WebGL #creativecoding #fal #ClaudeCode
0:14

"Hand-drawn sketch → full 3D WebGL experience ✨ (Made with Claude Code and fal ) Play here 👇 60% my craft: drawing, C4D, Three.js shaders, baking 20% Claude Code 20% Image model + Hunyuan 3D AI doesn't replace creativity, it amplifies it. #threejs #WebGL #creativecoding #fal #ClaudeCode

Lovis Odin

19,358 views • 5 months ago

Post fx can really change the look of a scene! Building a gamedev course in Three.js. #threejs #webgl Assets by Quaternius
0:12

Post fx can really change the look of a scene! Building a gamedev course in Three.js. #threejs #webgl Assets by Quaternius

Simon

14,569 views • 1 year ago

Inline Edit(Cmd/Ctrl+K) Refresh Supports full file edits. Full file edits makes it easy to do scope changes to a file without using agent You can also send the code block to the agent for multi-file edits Cursor
0:10

Inline Edit(Cmd/Ctrl+K) Refresh Supports full file edits. Full file edits makes it easy to do scope changes to a file without using agent You can also send the code block to the agent for multi-file edits Cursor

Melvin Vivas

61,160 views • 1 year ago

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.
0:14

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

Chris Coyier

830,472 views • 3 years ago

I have a new personal website. I'm not a developer. I built this v2 of my website, all by my OpenClaw agent (on Codex) + built an AI clone of me, with Claude Code. So can designers ship? Yes, its the future.
0:16

I have a new personal website. I'm not a developer. I built this v2 of my website, all by my OpenClaw agent (on Codex) + built an AI clone of me, with Claude Code. So can designers ship? Yes, its the future.

Felix Lee

21,139 views • 1 month ago

The coolest GitHub hack I learned this week: 1) open any repo 2) replace .com with .dev 3) browse the repository code in a VS Code instance! 🤯🤯
0:12

The coolest GitHub hack I learned this week: 1) open any repo 2) replace .com with .dev 3) browse the repository code in a VS Code instance! 🤯🤯

Alexander Isora, ex-maker

505,467 views • 1 year ago

If you are using an if statement inside a for loop, did you know there's a better way of doing this is Swift? I'm talking about the where clause. Using the where clause in a for loop can provide several benefits over using an if statement inside a for loop: Readability: It explicitly states the condition that must be met for an element to be processed, making the purpose of the loop clearer to anyone reading the code. Efficiency: When using a where clause, the filtering of elements is done at the level of the sequence, which can be more efficient than filtering within the loop with an if statement. Brevity: Using a where clause often results in more concise code, as it eliminates the need for an if statement and associated braces. This can make the code more manageable and easier to maintain.
0:18

If you are using an if statement inside a for loop, did you know there's a better way of doing this is Swift? I'm talking about the where clause. Using the where clause in a for loop can provide several benefits over using an if statement inside a for loop: Readability: It explicitly states the condition that must be met for an element to be processed, making the purpose of the loop clearer to anyone reading the code. Efficiency: When using a where clause, the filtering of elements is done at the level of the sequence, which can be more efficient than filtering within the loop with an if statement. Brevity: Using a where clause often results in more concise code, as it eliminates the need for an if statement and associated braces. This can make the code more manageable and easier to maintain.

Everton Carneiro

23,416 views • 2 years ago