正在加载视频...

视频加载失败

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

I just drew a "web crawler" with 100% code :) Live demo → #webgpu #tsl #r3f #creativecoding

deadrabbbbit

4,154 subscribers

28,425 次观看 • 1 年前 •via X (Twitter)

#webgpu #tsl #r3f #creativecoding

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Finally got a flower bloom effect working with WebGPU! #threejs #tsl #gsap #r3f

Finally got a flower bloom effect working with WebGPU! #threejs #tsl #gsap #r3f

deadrabbbbit

77,331 次观看 • 1 年前

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

70,486 次观看 • 1 年前

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

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

Faraz

27,289 次观看 • 1 年前

Reflector with distance based blur. You can do this with few lines now, I made an improvement to `hashBlur()` to support mask as opacity. PR and live example #threejs #tsl #webgpu

Reflector with distance based blur. You can do this with few lines now, I made an improvement to `hashBlur()` to support mask as opacity. PR and live example #threejs #tsl #webgpu

SEA3D

18,766 次观看 • 1 年前

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓

Techartist

13,448 次观看 • 1 个月前

2D smoke and 3D model #threejs #gsap #webgl #creativecoding

2D smoke and 3D model #threejs #gsap #webgl #creativecoding

deadrabbbbit

49,520 次观看 • 3 年前

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

54,804 次观看 • 1 年前

This is a demo I made with Astra called Tide Garden It's a wasm + webgpu realtime demo you can run in Chrome on your browser Very zen to leave in the background

This is a demo I made with Astra called Tide Garden It's a wasm + webgpu realtime demo you can run in Chrome on your browser Very zen to leave in the background

eric provencher

19,091 次观看 • 1 天前

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

59,771 次观看 • 3 年前

If you've tried getting AI to write TSL shaders, you know the pain: deprecated imports, phantom functions and compilation errors. In my latest blog post, I share a prompt to help you overcome these issues: Using the prompt, I was able to one-shot this particle simulation with Claude Opus 4.5. #threejs #webgl #webgpu #tsl #shaders

If you've tried getting AI to write TSL shaders, you know the pain: deprecated imports, phantom functions and compilation errors. In my latest blog post, I share a prompt to help you overcome these issues: Using the prompt, I was able to one-shot this particle simulation with Claude Opus 4.5. #threejs #webgl #webgpu #tsl #shaders

Dan Greenheck

61,698 次观看 • 9 个月前

$The liquid glass carousel is live. Rebuilt it a bit since the last one, cleaner refraction, better dispersion on the edges. Still real-time Three.js, WebGPU and TSL. Still quite unoptimized :) Link below 👇$

The liquid glass carousel is live. Rebuilt it a bit since the last one, cleaner refraction, better dispersion on the edges. Still real-time Three.js, WebGPU and TSL. Still quite unoptimized :) Link below 👇

Shader Development Studio

26,251 次观看 • 18 天前

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

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

Wrote a (quite long) article for Codrops with a demo made in #webgpu. Hope it gets to be useful for anyone

Wrote a (quite long) article for Codrops with a demo made in #webgpu. Hope it gets to be useful for anyone

Hat

40,514 次观看 • 1 年前

Made a WebGPU Advanced Glass Material with Codex and Three.js Live: 👇 Prompt below

Made a WebGPU Advanced Glass Material with Codex and Three.js Live: 👇 Prompt below

Viktor Oddy

30,825 次观看 • 19 天前

$GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO$

GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

16,008 次观看 • 3 年前

A swinging robot 🤖 Pure #CSS. Live demo and full code on CodePen.IO:

A swinging robot 🤖 Pure #CSS. Live demo and full code on CodePen.IO:

Amit Sheen

13,491 次观看 • 2 年前

I planned on releasing my Three.js WebGPU water shader 2 weeks ago, but I promised myself I would stop half-assing things this year. I'm glad I waited. I'll be selling the whole package for $99. Full demo video coming soon, but includes FFT water sim, underwater effects, dynamic sky + fog, buoyancy, and more. Every aspect is tunable. Comes with 8 presets and 4 quality levels so it will run on any device. You'll get full source code + demo code, plus all future updates and fixes. Join waitlist now and get an email for 20% off at launch #threejs #webgpu #shaders

I planned on releasing my Three.js WebGPU water shader 2 weeks ago, but I promised myself I would stop half-assing things this year. I'm glad I waited. I'll be selling the whole package for $99. Full demo video coming soon, but includes FFT water sim, underwater effects, dynamic sky + fog, buoyancy, and more. Every aspect is tunable. Comes with 8 presets and 4 quality levels so it will run on any device. You'll get full source code + demo code, plus all future updates and fixes. Join waitlist now and get an email for 20% off at launch #threejs #webgpu #shaders

Dan Greenheck

50,738 次观看 • 7 个月前

Fork of an old demo - "Liquid glass" effect using #threejs MeshPhysicalMaterial with a fully ray marched surface made of SDFs Live: Code:

Fork of an old demo - "Liquid glass" effect using #threejs MeshPhysicalMaterial with a fully ray marched surface made of SDFs Live: Code:

Faraz

25,937 次观看 • 1 年前

Introducing o1 web crawler 🕸️ It crawls entire websites with OpenAI’s new o1 reasoning model and . Just state an objective and it will navigate + return the requested data in a JSON schema. Check it out:

Introducing o1 web crawler 🕸️ It crawls entire websites with OpenAI’s new o1 reasoning model and . Just state an objective and it will navigate + return the requested data in a JSON schema. Check it out:

Eric Ciarla (hiring)

397,759 次观看 • 1 年前

This Video displayed on a Skia Canvas, runs on WebGPU. It can be included in 2d and 3d scenes at 0 cost just like on a the Web.

This Video displayed on a Skia Canvas, runs on WebGPU. It can be included in 2d and 3d scenes at 0 cost just like on a the Web.

William Candillon

30,346 次观看 • 1 年前