Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

deadrabbbbit's profile picture

deadrabbbbit

4,154 subscribers

28,425 Aufrufe • vor 1 Jahr •via X (Twitter)

#webgpu#tsl#r3f#creativecoding
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

deadrabbbbit

77,331 Aufrufe • vor 1 Jahr

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
0:17

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 Aufrufe • vor 1 Jahr

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
0:19

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 Aufrufe • vor 1 Jahr

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
0:13

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 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 1 Monat

2D smoke and 3D model #threejs #gsap #webgl #creativecoding
0:13

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

deadrabbbbit

49,520 Aufrufe • vor 3 Jahren

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
0:15

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 Aufrufe • vor 1 Jahr

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
0:14

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 Aufrufe • vor 1 Tag

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
0:16

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 Aufrufe • vor 3 Jahren

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
0:14

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 Aufrufe • vor 9 Monaten

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 👇
0:17

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 Aufrufe • vor 18 Tagen

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 Aufrufe • vor 1 Jahr

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

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

Hat

40,514 Aufrufe • vor 1 Jahr

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

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

Viktor Oddy

30,825 Aufrufe • vor 19 Tagen

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
0:14

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 Aufrufe • vor 3 Jahren

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

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

Amit Sheen

13,491 Aufrufe • vor 2 Jahren

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
0:19

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 Aufrufe • vor 7 Monaten

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

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 Aufrufe • vor 1 Jahr

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:
0:17

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 Aufrufe • vor 1 Jahr

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.
0:13

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 Aufrufe • vor 1 Jahr