正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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,359 subscribers

45,719 次观看 • 2 天前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

58 条评论

David Haz 的头像

David Haz2 天前

An honor to have you! 🙏

David Haz 的头像

David Haz2 天前

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 的头像

David Haz2 天前

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 的头像

(dm)ytro kondakov2 天前

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

David Haz 的头像

David Haz2 天前

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

David Haz 的头像

David Haz2 天前

To be*

gokhan 的头像

gokhan2 天前

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

David Haz 的头像

David Haz2 天前

Looks nice 🫡👀

François Best 的头像

François Best2 天前

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

David Haz 的头像

David Haz2 天前

It’s beautiful 🥹

François Best 的头像

François Best2 天前

Man I miss that era..

David Haz 的头像

David Haz2 天前

Ooooh, this brings me back

Edoardo Lunardi 的头像

Edoardo Lunardi2 天前

No way this is so accurate 🔥

David Haz 的头像

David Haz2 天前

There's beauty in randomness 🙇‍♂️

grim 的头像

grim2 天前

not too shabby 🔥

David Haz 的头像

David Haz2 天前

Halftone is good! 🔥

Mayte CG 的头像

Mayte CG2 天前

Here's mine 😁 Love the CRT vibes!

Jay Vegad ⓧ 的头像

Jay Vegad ⓧ2 天前

I'm in 🎉

Dunsin🎙️ 的头像

Dunsin🎙️2 天前

Ohhhhhh coool

David Haz 的头像

David Haz2 天前

I hope you got one you like! 👀

Dunsin🎙️ 的头像

Dunsin🎙️2 天前

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

David Haz 的头像

David Haz2 天前

Yeah I know you vibe with blue! 👀

Dunsin🎙️ 的头像

Dunsin🎙️2 天前

Blue is my colour 💙😍

grim 的头像

grim2 天前

YOU COOKED

David Haz 的头像

David Haz2 天前

THANK YOU

David Haz 的头像

David Haz2 天前

sick! Welcome aboard!

David Haz 的头像

David Haz2 天前

clean!

gsimone 的头像

gsimone2 天前

I'm in 🕶️

David Haz 的头像

David Haz2 天前

Legend!

Travis Fischer 的头像

Travis Fischer2 天前

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

David Haz 的头像

David Haz2 天前

Woah, I think you got the 1% rarity!

Abhinav 的头像

Abhinav2 天前

lfg ❤️

Stas Kulesh 的头像

Stas Kulesh2 天前

Loving the scale and ambition

David Haz 的头像

David Haz2 天前

Will do my absolute best. Thank you!

jonas 的头像

jonas2 天前

claimed and shared !

David Haz 的头像

David Haz2 天前

Welcome!

Hoang Nguyen 的头像

Hoang Nguyen1 天前

Got mine

David Haz 的头像

David Haz1 天前

very nice! welcome aboard!

Chase Davis 的头像

Chase Davis2 天前

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 的头像

David Haz2 天前

I promise it will remain yours haha!

Chase Davis 的头像

Chase Davis2 天前

Or my number…

FromNow 的头像

FromNow2 天前

Just claim @ lawson

David Haz 的头像

David Haz2 天前

I saw it! Welcome aboard!

lisham 的头像

lisham2 天前

video launch skills very high quality

Shubhu 的头像

Shubhu2 天前

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

David Haz 的头像

David Haz2 天前

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

Shubhu 的头像

Shubhu2 天前

can i change mine to positronx_👀

Chris 🧱 的头像

Chris 🧱2 天前

Looks so damn awesome

David Haz 的头像

David Haz2 天前

Thanks man!

Felipe Castor 的头像

Felipe Castor2 天前

Cool

Filip ↟ 的头像

Filip ↟2 天前

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

David Haz 的头像

David Haz2 天前

So good!

Sammie 🔥 👩‍💻 的头像

Sammie 🔥 👩‍💻2 天前

Amazing 🙌🏻🔥🔥

David Haz 的头像

David Haz2 天前

Wooo!

Harsh 的头像

Harsh2 天前

Lesgoo , Congratulations for the launch !

David Haz 的头像

David Haz2 天前

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

Grenish Rai 的头像

Grenish Rai2 天前

I like where this is going.

David Haz 的头像

David Haz2 天前

To the moon!

相关视频

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 次观看 • 9 个月前

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 次观看 • 9 个月前

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 次观看 • 9 个月前

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 次观看 • 5 个月前

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 次观看 • 4 个月前

🧊 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 次观看 • 6 个月前

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 次观看 • 5 天前

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,897 次观看 • 8 天前

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 次观看 • 15 天前

$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 次观看 • 5 个月前

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 次观看 • 1 个月前

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 次观看 • 9 个月前

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 次观看 • 2 年前

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 次观看 • 2 个月前

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 次观看 • 17 天前

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 次观看 • 2 个月前

🎉 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 次观看 • 7 个月前

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 次观看 • 1 年前

#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 次观看 • 10 个月前

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 次观看 • 2 个月前