Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

moving shader controls inside the CRT's ui. built with threejs / webgpu

codetaur's profile picture

Codetaur

7,771 subscribers

20,046 görüntüleme • 5 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader
0:32

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader

Codetaur

24,993 görüntüleme • 6 gün önce

working on adding decent bitmap font support to my crt shader in threejs / webgpu
0:23

working on adding decent bitmap font support to my crt shader in threejs / webgpu

Codetaur

53,568 görüntüleme • 3 ay önce

I moved the bitmap ui layer into the threejs scene itself instead of injecting it between the three scene and the CRT shader
0:24

I moved the bitmap ui layer into the threejs scene itself instead of injecting it between the three scene and the CRT shader

Codetaur

15,772 görüntüleme • 3 ay önce

ascii fluid. in threejs / tsl / webgpu
0:48

ascii fluid. in threejs / tsl / webgpu

Codetaur

58,873 görüntüleme • 2 ay önce

Quick exploration. Moving images along paths. Made with #threejs #tsl #webgpu.
0:21

Quick exploration. Moving images along paths. Made with #threejs #tsl #webgpu.

Seyi

31,989 görüntüleme • 12 gün önce

still very much a WIP but here's my threejs CRT (requires webgpu) the main interesting parameter you might want to change is "scan framerate" controls for julia set are WASD, QE, arrow keys, and R to reset.
0:25

still very much a WIP but here's my threejs CRT (requires webgpu) the main interesting parameter you might want to change is "scan framerate" controls for julia set are WASD, QE, arrow keys, and R to reset.

Codetaur

35,334 görüntüleme • 5 ay önce

wildfire + smoke visualization, built with threejs + mapbox
0:33

wildfire + smoke visualization, built with threejs + mapbox

Codetaur

59,313 görüntüleme • 21 gün önce

gradient primitive with gradients made from VGA 256 palette in CRT shader UI system
0:37

gradient primitive with gradients made from VGA 256 palette in CRT shader UI system

Codetaur

196,995 görüntüleme • 3 ay önce

well I was back to working on my threejs crt shader with fable before they killed it so... now wtf do I do
0:39

well I was back to working on my threejs crt shader with fable before they killed it so... now wtf do I do

Codetaur

37,489 görüntüleme • 7 gün önce

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader
0:22

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader

Codetard

82,084 görüntüleme • 9 ay önce

made my threejs "pixel screen" shader more generic. give it a 2D grid of pixels and it does the rest. so obviously, bad apple.
0:53

made my threejs "pixel screen" shader more generic. give it a 2D grid of pixels and it does the rest. so obviously, bad apple.

Codetard

19,438 görüntüleme • 9 ay önce

Check out our latest work. An immersive digital story for IVRESS (Japan). Built with #threejs and #webgpu.
0:21

Check out our latest work. An immersive digital story for IVRESS (Japan). Built with #threejs and #webgpu.

Utsubo

15,589 görüntüleme • 2 ay önce

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 görüntüleme • 1 yıl önce

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

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 • 6 ay önce

started rebuilding my whole threejs procedural space city shader so that it supports partial cylinders, concave and convex curves, etc. and added a billion generation parameters.
0:37

started rebuilding my whole threejs procedural space city shader so that it supports partial cylinders, concave and convex curves, etc. and added a billion generation parameters.

Codetaur

37,678 görüntüleme • 5 ay önce

prototype of a recursive time helix calendar/history, with nested coils from centuries -> decades -> years -> days -> hours -> minutes -> seconds. labels need some work but it's the start of something. based almost entirely on Tim Babb 's sketch/idea. in threejs/webgpu
0:57

prototype of a recursive time helix calendar/history, with nested coils from centuries -> decades -> years -> days -> hours -> minutes -> seconds. labels need some work but it's the start of something. based almost entirely on Tim Babb 's sketch/idea. in threejs/webgpu

Codetaur

110,428 görüntüleme • 3 ay önce

threejs + webGPU is awesome. #AICPW
0:20

threejs + webGPU is awesome. #AICPW

AICPW

15,440 görüntüleme • 1 yıl önce

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .
3:17

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .

Aaron Wacker

47,219 görüntüleme • 3 ay önce

Three.js WebGPU TSL grass now available in ✨ TSLFX. #threejs #r3f #webgpu
0:26

Three.js WebGPU TSL grass now available in ✨ TSLFX. #threejs #r3f #webgpu

Verekia 🔮 ManaBlade.com

12,061 görüntüleme • 1 yıl önce

making my threejs / webgpu star renderer (planetarium?) more of a real thing. renders 44 million stars from the gaia star catalog at 120 fps. there's no LOD/culling. every star in frame is drawn. next is adding a nice API for agents to write "tours" that play automatically
0:48

making my threejs / webgpu star renderer (planetarium?) more of a real thing. renders 44 million stars from the gaia star catalog at 120 fps. there's no LOD/culling. every star in frame is drawn. next is adding a nice API for agents to write "tours" that play automatically

Codetaur

40,611 görüntüleme • 2 ay önce