Loading video...

Video Failed to Load

Go Home

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

CantBeFaraz's profile picture

Faraz

4,676 subscribers

27,265 views • 1 year ago •via X (Twitter)

ArtsGamingScience & Technology#threejs#r3f#creativecoding#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 • 1 year 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

All my demos in one place! I have released a site with over 25 of my demos over the years all updated and fixed with code on GitHub and each one individually runnable. Many more to come! Check it out: #threejs #webgl #creativecoding #portfolio
0:13

All my demos in one place! I have released a site with over 25 of my demos over the years all updated and fixed with code on GitHub and each one individually runnable. Many more to come! Check it out: #threejs #webgl #creativecoding #portfolio

Faraz

12,064 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 • 6 months ago

We just added over 700 shader presets into Wonder! You can now attach any SVGs, images and work with really unique shaders all inside of a canvas. We’re very excited to partner with shaders for this launch 🚀 Try it now at
0:15

We just added over 700 shader presets into Wonder! You can now attach any SVGs, images and work with really unique shaders all inside of a canvas. We’re very excited to partner with shaders for this launch 🚀 Try it now at

Wonder

39,079 views • 1 month 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,837 views • 3 years ago

Kinda forgot about my "enhance-shader-lighting" project for which I wanted to release a demo some time ago. I updated it - migrated to vite and rollup, compressed the textures/models, added TRAA and polished the UI. I'll release it today with the demos shown in the video!
0:18

Kinda forgot about my "enhance-shader-lighting" project for which I wanted to release a demo some time ago. I updated it - migrated to vite and rollup, compressed the textures/models, added TRAA and polished the UI. I'll release it today with the demos shown in the video!

0beqz

38,947 views • 3 years ago

drei/view got a massive update. mix webgl/three right into your html as views, as many as you want. they're self contained. events, controls, everything works. it's driven by a single canvas split into chunks via webgl_skissor. the demo is made with Next.js shadcn v0
0:13

drei/view got a massive update. mix webgl/three right into your html as views, as many as you want. they're self contained. events, controls, everything works. it's driven by a single canvas split into chunks via webgl_skissor. the demo is made with Next.js shadcn v0

☄︎

70,510 views • 2 years ago

Experimenting with the pretext library... saw a brick breaker demo and had to try making it in PixiJS. Wanted to see what happens when you add WebGL/WebGPU shaders to the mix. Using bloom, glow, rgb split filters from pixi-filters. plus gsaps physics plugin for the text effect.
0:13

Experimenting with the pretext library... saw a brick breaker demo and had to try making it in PixiJS. Wanted to see what happens when you add WebGL/WebGPU shaders to the mix. Using bloom, glow, rgb split filters from pixi-filters. plus gsaps physics plugin for the text effect.

PixiJS

18,554 views • 4 months ago

#NewinLoop: You can now copy/paste Markdown into a Loop page! Easily transfer your Markdown formatted text from wikis, GitHub, or editors into Loop — with all formatting preserved. ➡️ Just use 'CTRL + SHIFT + V'. Try it out and share your feedback with us 😊
0:17

#NewinLoop: You can now copy/paste Markdown into a Loop page! Easily transfer your Markdown formatted text from wikis, GitHub, or editors into Loop — with all formatting preserved. ➡️ Just use 'CTRL + SHIFT + V'. Try it out and share your feedback with us 😊

Microsoft Loop

13,945 views • 2 years ago

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO
0:18

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

43,711 views • 1 year ago

【Free Shader + Project File】 Hi, today I'm sharing a FREE Blender project file I made.✨ It features a cool effect created with Geometry Nodes and Shader Nodes (not sure what to call it🤣) Download for FREE:👇 I hope this project file is helpful to you!💖 #b3d #blender #blender3D #shaders #gamedev #free #3danimated #geometrynodes
0:16

【Free Shader + Project File】 Hi, today I'm sharing a FREE Blender project file I made.✨ It features a cool effect created with Geometry Nodes and Shader Nodes (not sure what to call it🤣) Download for FREE:👇 I hope this project file is helpful to you!💖 #b3d #blender #blender3D #shaders #gamedev #free #3danimated #geometrynodes

Casey Sheep

120,663 views • 2 years ago

Turn your photos into cool videos with Grok. Try the new “Funky Dance” template. It works with just one tap and no prompt required.
0:16

Turn your photos into cool videos with Grok. Try the new “Funky Dance” template. It works with just one tap and no prompt required.

DogeDesigner

25,297 views • 7 months ago

Remember the Forza inspired shader? Well… now it works on avatars! 🕺 You can apply any cubemap or texture to turn it into a fully stylized surface for your avatar. I’ve been testing stuff like cardboard and it gets really fun once you start experimenting with weird ideas. #Shader #VRChat
0:17

Remember the Forza inspired shader? Well… now it works on avatars! 🕺 You can apply any cubemap or texture to turn it into a fully stylized surface for your avatar. I’ve been testing stuff like cardboard and it gets really fun once you start experimenting with weird ideas. #Shader #VRChat

DX

136,154 views • 2 months ago

I'm releasing an app today, so that everyone can try out new features as I #buildinpublic It's named Q, and it gives you space to collect your thoughts Is Q right for you? Keep reading to find out 🧵
0:19

I'm releasing an app today, so that everyone can try out new features as I #buildinpublic It's named Q, and it gives you space to collect your thoughts Is Q right for you? Keep reading to find out 🧵

wits

90,608 views • 2 years ago

trying out the upcoming ssgi effect (paired with ssr). i guess all i ever wanted out of three is reflections and global illumination. come next three we'll have it. 🫡 live demo link (+ code) below ↓
0:18

trying out the upcoming ssgi effect (paired with ssr). i guess all i ever wanted out of three is reflections and global illumination. come next three we'll have it. 🫡 live demo link (+ code) below ↓

☄︎

25,697 views • 10 months ago

Created this game demo over the weekend without writing a single line of code! Built via bolt (Claude Sonnet 3.7) and powered by R3f + three.js Try it yourself - dodge enemies with real-time physics. Here's how I created the game + a cloneable character controller project 1/7
0:15

Created this game demo over the weekend without writing a single line of code! Built via bolt (Claude Sonnet 3.7) and powered by R3f + three.js Try it yourself - dodge enemies with real-time physics. Here's how I created the game + a cloneable character controller project 1/7

Ian Curtis

395,285 views • 1 year ago