Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

SanatOyunBilim & Teknoloji#threejs#r3f#creativecoding#webgl
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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