Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

Introducing OpenShaders. I’m building the home shaders deserve. Discover, build, publish, and install shaders made to ship. Open source. WebGL/WebGPU. One click away. Claim your username and reveal your unique shader. 🧵

David Haz

11,338 subscribers

44,893 görüntüleme • 1 gün önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

58 Yorum

David Haz profil fotoğrafı

David Haz1 gün önce

An honor to have you! 🙏

David Haz profil fotoğrafı

David Haz1 gün önce

The name you claim today will be your handle when the full platform opens. Your handle generates a one-of-one shader, with its own colors, effects, and rarity. Here are a few examples. Show me what your name creates.

David Haz profil fotoğrafı

David Haz1 gün önce

OpenShaders will bring discovery, a live shader editor and publishing together. Find shaders you love, learn how they work, build your own, and share them. Then take them into real websites. Already in development. Free and open source.

(dm)ytro kondakov profil fotoğrafı

(dm)ytro kondakov1 gün önce

This might be the first time I claimed my first name in any product ever

David Haz profil fotoğrafı

David Haz1 gün önce

I hope it was worth it, and will continue to he 🙏🥹

David Haz profil fotoğrafı

David Haz1 gün önce

To be*

gokhan profil fotoğrafı

gokhan1 gün önce

I'm gonna use this as a personal background in my screenshot tool

David Haz profil fotoğrafı

David Haz1 gün önce

Looks nice 🫡👀

François Best profil fotoğrafı

François Best1 gün önce

It’s got MacOS X Snow Leopard vibes, I like it!

David Haz profil fotoğrafı

David Haz1 gün önce

It’s beautiful 🥹

François Best profil fotoğrafı

François Best1 gün önce

Man I miss that era..

David Haz profil fotoğrafı

David Haz1 gün önce

Ooooh, this brings me back

Edoardo Lunardi profil fotoğrafı

Edoardo Lunardi1 gün önce

No way this is so accurate 🔥

David Haz profil fotoğrafı

David Haz1 gün önce

There's beauty in randomness 🙇‍♂️

grim profil fotoğrafı

grim1 gün önce

not too shabby 🔥

David Haz profil fotoğrafı

David Haz1 gün önce

Halftone is good! 🔥

Mayte CG profil fotoğrafı

Mayte CG1 gün önce

Here's mine 😁 Love the CRT vibes!

Jay Vegad ⓧ profil fotoğrafı

Jay Vegad ⓧ1 gün önce

I'm in 🎉

Dunsin🎙️ profil fotoğrafı

Dunsin🎙️1 gün önce

Ohhhhhh coool

David Haz profil fotoğrafı

David Haz1 gün önce

I hope you got one you like! 👀

Dunsin🎙️ profil fotoğrafı

Dunsin🎙️1 gün önce

It was okay.... Joking, I did like it, love the color too😂

David Haz profil fotoğrafı

David Haz1 gün önce

Yeah I know you vibe with blue! 👀

Dunsin🎙️ profil fotoğrafı

Dunsin🎙️1 gün önce

Blue is my colour 💙😍

grim profil fotoğrafı

grim1 gün önce

YOU COOKED

David Haz profil fotoğrafı

David Haz1 gün önce

THANK YOU

David Haz profil fotoğrafı

David Haz1 gün önce

sick! Welcome aboard!

David Haz profil fotoğrafı

David Haz1 gün önce

clean!

gsimone profil fotoğrafı

gsimone1 gün önce

I'm in 🕶️

David Haz profil fotoğrafı

David Haz1 gün önce

Legend!

Travis Fischer profil fotoğrafı

Travis Fischer1 gün önce

just snagged 'travis' :) hmmm the export video should use the light mode like i had in the webapp really sexy lil site!

David Haz profil fotoğrafı

David Haz1 gün önce

Woah, I think you got the 1% rarity!

Abhinav profil fotoğrafı

Abhinav1 gün önce

lfg ❤️

Stas Kulesh profil fotoğrafı

Stas Kulesh1 gün önce

Loving the scale and ambition

David Haz profil fotoğrafı

David Haz1 gün önce

Will do my absolute best. Thank you!

jonas profil fotoğrafı

jonas1 gün önce

claimed and shared !

David Haz profil fotoğrafı

David Haz1 gün önce

Welcome!

Hoang Nguyen profil fotoğrafı

Hoang Nguyen1 gün önce

Got mine

David Haz profil fotoğrafı

David Haz1 gün önce

very nice! welcome aboard!

Chase Davis profil fotoğrafı

Chase Davis1 gün önce

Bravo. Please don’t give Chase bank my handle when they ask it for it some day. I am sure this will be a beautifully executed platform based on react bits and can’t wait to try it out. It’s similar in spirit to something I’ve been toying with for years so I know how hard this is! OSS is a great call to get the community involved

David Haz profil fotoğrafı

David Haz1 gün önce

I promise it will remain yours haha!

Chase Davis profil fotoğrafı

Chase Davis1 gün önce

Or my number…

FromNow profil fotoğrafı

FromNow1 gün önce

Just claim @ lawson

David Haz profil fotoğrafı

David Haz1 gün önce

I saw it! Welcome aboard!

lisham profil fotoğrafı

lisham1 gün önce

video launch skills very high quality

Shubhu profil fotoğrafı

Shubhu1 gün önce

i'm all in, but no underscore in usernames?

David Haz profil fotoğrafı

David Haz1 gün önce

I'll update and allow underscores for those who need it

Shubhu profil fotoğrafı

Shubhu1 gün önce

can i change mine to positronx_👀

Chris 🧱 profil fotoğrafı

Chris 🧱1 gün önce

Looks so damn awesome

David Haz profil fotoğrafı

David Haz1 gün önce

Thanks man!

Felipe Castor profil fotoğrafı

Felipe Castor1 gün önce

Cool

Filip ↟ profil fotoğrafı

Filip ↟1 gün önce

Cool 🔥 Can't wait to see what you built David.

David Haz profil fotoğrafı

David Haz1 gün önce

So good!

Sammie 🔥 👩‍💻 profil fotoğrafı

Sammie 🔥 👩‍💻1 gün önce

Amazing 🙌🏻🔥🔥

David Haz profil fotoğrafı

David Haz1 gün önce

Wooo!

Harsh profil fotoğrafı

Harsh1 gün önce

Lesgoo , Congratulations for the launch !

David Haz profil fotoğrafı

David Haz1 gün önce

The actual launch is soon! This is just a small gift and heads up! Your shader looks very nice too!

Grenish Rai profil fotoğrafı

Grenish Rai1 gün önce

I like where this is going.

David Haz profil fotoğrafı

David Haz1 gün önce

To the moon!

Benzer Videolar

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 görüntüleme • 9 ay önce

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

35,464 görüntüleme • 9 ay önce

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

18,629 görüntüleme • 9 ay önce

Introducing Radiant: 80+ production-ready shaders and visual effects for the web. 0 dependencies, MIT license. - multiple color themes - ultra-realistic simulations - webgl and 2d canvas Pick one, copy source, integrate, ship.

Introducing Radiant: 80+ production-ready shaders and visual effects for the web. 0 dependencies, MIT license. - multiple color themes - ultra-realistic simulations - webgl and 2d canvas Pick one, copy source, integrate, ship.

Paul Bakaus

143,927 görüntüleme • 5 ay önce

Meet the new Shaders connector Hundreds of animated, WebGPU-powered presets from shaders now one prompt away inside any Bolt project. The easiest way to give your build the kind of visual polish that used to take custom work.

Meet the new Shaders connector Hundreds of animated, WebGPU-powered presets from shaders now one prompt away inside any Bolt project. The easiest way to give your build the kind of visual polish that used to take custom work.

bolt.new

10,292 görüntüleme • 4 ay önce

🧊 Technical Showcase: A full WebGPU 3D engine that maps shader geometry to your DOM elements. Martin's gpu-curtains gives you lights, shadows, compute shaders, glTF, and instancing, but the real trick is how it turns your divs into scrollable, resizable shader planes without any coordinate math. The successor to curtains.js, rebuilt from scratch. 🔗 #WebGPU #CreativeCoding #Shaders #WebDev #3D

🧊 Technical Showcase: A full WebGPU 3D engine that maps shader geometry to your DOM elements. Martin's gpu-curtains gives you lights, shadows, compute shaders, glTF, and instancing, but the real trick is how it turns your divs into scrollable, resizable shader planes without any coordinate math. The successor to curtains.js, rebuilt from scratch. 🔗 #WebGPU #CreativeCoding #Shaders #WebDev #3D

WebGL / WebGPU

10,971 görüntüleme • 6 ay önce

Introducing Orbkit 🔮 A collection of 30+ free and open-source WebGL shader orbs for AI and voice agent states, built with React, TypeScript, and shadcn. Each orb reacts to idle, thinking, and speaking out of the box. Install one, copy the code, and make it yours. Thanks Xor ! Most of these shaders were referenced from the work he posts here. Go check out his account, it's a goldmine of shader art. Link: 👇🏼

Introducing Orbkit 🔮 A collection of 30+ free and open-source WebGL shader orbs for AI and voice agent states, built with React, TypeScript, and shadcn. Each orb reacts to idle, thinking, and speaking out of the box. Install one, copy the code, and make it yours. Thanks Xor ! Most of these shaders were referenced from the work he posts here. Go check out his account, it's a goldmine of shader art. Link: 👇🏼

shawn.

35,781 görüntüleme • 4 gün önce

GPU Canvas is now live for everyone. Rive's low-level GPU layer for 3D, shaders, and custom effects is out of Early Access and in the production editor today. Write your shaders once in WGSL. Rive compiles them for Metal, Vulkan, Direct3D, WebGPU, and WebGL. It adds 25KB to the runtime.

GPU Canvas is now live for everyone. Rive's low-level GPU layer for 3D, shaders, and custom effects is out of Early Access and in the production editor today. Write your shaders once in WGSL. Rive compiles them for Metal, Vulkan, Direct3D, WebGPU, and WebGL. It adds 25KB to the runtime.

Rive

26,152 görüntüleme • 7 gün önce

We built to ship shaders on Now it's open source. ▪︎ Minimal agent-first WebGPU library ▪︎ Run in the browser or headless Node.js ▪︎ Render in CPU sandboxes and CI tests ▪︎ Create reusable .wgsl modules

We built to ship shaders on Now it's open source. ▪︎ Minimal agent-first WebGPU library ▪︎ Run in the browser or headless Node.js ▪︎ Render in CPU sandboxes and CI tests ▪︎ Create reusable .wgsl modules

Vercel

913,212 görüntüleme • 14 gün önce

$I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!$

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!

Danny Limanseta

203,685 görüntüleme • 5 ay önce

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

David Haz

1,419,909 görüntüleme • 1 ay önce

Made some major improvements to my WebGPU water shader (thanks Ghislain Girardot for the feedback!) Fixed a bug where waves weren't propagating and implemented JONSWAP spectrum for more realistic wave grouping. Hitting ~70FPS @ 2K res on my Macbook M1 Pro #threejs #webgpu #shaders

Made some major improvements to my WebGPU water shader (thanks Ghislain Girardot for the feedback!) Fixed a bug where waves weren't propagating and implemented JONSWAP spectrum for more realistic wave grouping. Hitting ~70FPS @ 2K res on my Macbook M1 Pro #threejs #webgpu #shaders

Dan Greenheck

18,852 görüntüleme • 9 ay önce

Say goodbye to 0x addresses And hello to 𝙪𝙣𝙞.𝙚𝙩𝙝 – your unique web3 username 🦄 Your uni.eth is a readable username that makes it easy to receive crypto and build your web3 profile 🫡 Claim your uni.eth for free in the Uniswap mobile app ⤵️

Uniswap

1,048,997 görüntüleme • 2 yıl önce

Welcome to Shaders town with your local Shaderboi and software engineer, Yassir Solomah 0:00 Intro 0:17 Building and using a shader fill 1:26 Using generative plugins 2:27 Shader effects 3:00 Figma Make integration 4:12 Outro

Welcome to Shaders town with your local Shaderboi and software engineer, Yassir Solomah 0:00 Intro 0:17 Building and using a shader fill 1:26 Using generative plugins 2:27 Shader effects 3:00 Figma Make integration 4:12 Outro

Figma

32,387 görüntüleme • 2 ay önce

Want to speed up your shader workflow in Unity 6? 🎨 With the Shader Graph template browser, you can skip the initial setup entirely and start with prebuilt templates for Lit Shaders, 2D Sprites, and Fullscreen Effects, or turn your own Shader Graphs into reusable templates.

Want to speed up your shader workflow in Unity 6? 🎨 With the Shader Graph template browser, you can skip the initial setup entirely and start with prebuilt templates for Lit Shaders, 2D Sprites, and Fullscreen Effects, or turn your own Shader Graphs into reusable templates.

Unity for Games

15,052 görüntüleme • 16 gün önce

Introducing auto-publish on Manus! Building a site with Manus just got faster to ship. →Manus deploys each successful build to your live URL →Off by default so you control what goes public →Queue your changes + auto-publish = wake up to a finished site The last manual step between building and shipping is now removed.

Introducing auto-publish on Manus! Building a site with Manus just got faster to ship. →Manus deploys each successful build to your live URL →Off by default so you control what goes public →Queue your changes + auto-publish = wake up to a finished site The last manual step between building and shipping is now removed.

Manus

55,228 görüntüleme • 1 ay önce

🎉 Play Showcase: Thousands of particles. Real physics. Your browser. Juan Cazala (cazala) built Party, a WebGPU playground where you tweak gravity and collisions live while compute shaders handle the chaos. Open it, touch the sliders, lose forty minutes. 🔗 #WebGPU #ParticleSystem #CreativeCoding #ComputeShaders #GraphicsProgramming

🎉 Play Showcase: Thousands of particles. Real physics. Your browser. Juan Cazala (cazala) built Party, a WebGPU playground where you tweak gravity and collisions live while compute shaders handle the chaos. Open it, touch the sliders, lose forty minutes. 🔗 #WebGPU #ParticleSystem #CreativeCoding #ComputeShaders #GraphicsProgramming

WebGL / WebGPU

12,837 görüntüleme • 7 ay önce

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,104,340 görüntüleme • 1 yıl önce

#devtober day 22 - magma ball visual arrangement This was one of the trickier ones to date, and was the first to require 2 unique shaders -- a wobbly lava one and a decal to let me partially "reveal" a lava texture in the travel path.

#devtober day 22 - magma ball visual arrangement This was one of the trickier ones to date, and was the first to require 2 unique shaders -- a wobbly lava one and a decal to let me partially "reveal" a lava texture in the travel path.

TreyH

12,642 görüntüleme • 10 ay önce

With Bitrig Remote, you can now install apps directly onto your Home Screen and publish builds to TestFlight, all from the palm of your hand.

With Bitrig Remote, you can now install apps directly onto your Home Screen and publish builds to TestFlight, all from the palm of your hand.

Bitrig

38,392 görüntüleme • 2 ay önce