Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 11 ay önce •via X (Twitter)

#webgpu#tsl#r3f#creativecoding
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

76,356 görüntüleme • 1 yıl önce

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

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

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

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

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

deadrabbbbit

49,520 görüntüleme • 3 yıl önce

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

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

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,631 görüntüleme • 7 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

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

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

15,991 görüntüleme • 3 yıl önce

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

A swinging robot 🤖 Pure #CSS. Live demo and full code on @codepen:

Amit Sheen

13,485 görüntüleme • 1 yıl önce

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

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

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

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

From Claude Code to the web in seconds. No git push. No build step. 100% free. Just say: publish to
0:13

From Claude Code to the web in seconds. No git push. No build step. 100% free. Just say: publish to

adam ludwin

91,438 görüntüleme • 4 ay önce

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇
0:14

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇

rs

30,840 görüntüleme • 1 yıl önce