Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

codetaur's profile picture

Codetaur

6,795 subscribers

53,464 Aufrufe • vor 2 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

Codetard

15,695 Aufrufe • vor 2 Monaten

basically rebuilt my crt shader so it's doing something a little more realistic with how the beam hits pixels. added video playback, and terminal mode with a bitmap font. made moire controllable.
1:01

basically rebuilt my crt shader so it's doing something a little more realistic with how the beam hits pixels. added video playback, and terminal mode with a bitmap font. made moire controllable.

Codetard

96,752 Aufrufe • vor 4 Monaten

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

ascii fluid. in threejs / tsl / webgpu

Codetaur

58,802 Aufrufe • vor 2 Monaten

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

I can now sit back, relax, and enjoy my favorite xordev shaders on my threejs "CRT"
0:27

I can now sit back, relax, and enjoy my favorite xordev shaders on my threejs "CRT"

Codetaur

87,140 Aufrufe • vor 4 Monaten

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

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

new CRT shader attempt
0:44

new CRT shader attempt

Codetard

70,458 Aufrufe • vor 3 Monaten

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

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

my CRT shader has a mode that simulates a beam scanning, and a mode that refreshes the entire frame at once.
0:27

my CRT shader has a mode that simulates a beam scanning, and a mode that refreshes the entire frame at once.

Codetaur

102,493 Aufrufe • vor 2 Monaten

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

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

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

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

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

Neural motion synthesis in Threejs/WebGPU, even runs on my 7y old Iphone! try it here: sauce:
0:20

Neural motion synthesis in Threejs/WebGPU, even runs on my 7y old Iphone! try it here: sauce:

Erik

106,191 Aufrufe • vor 1 Monat

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

procedural roots on arbitrary mesh in threejs with three-mesh-bvh
0:29

procedural roots on arbitrary mesh in threejs with three-mesh-bvh

Codetard

22,618 Aufrufe • vor 3 Monaten

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below
0:44

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Palash Bansal

30,322 Aufrufe • vor 1 Monat

Working on an ultra-fast SDF Texts. Instance culling via compute shader & indirect-draw is just a drop-in piece. Everything reuses and connects. Made with TSL, Threejs Plus will bring a whole new level of performance into the Web that wasn't possible before WebGPU! Stay tuned!
0:22

Working on an ultra-fast SDF Texts. Instance culling via compute shader & indirect-draw is just a drop-in piece. Everything reuses and connects. Made with TSL, Threejs Plus will bring a whole new level of performance into the Web that wasn't possible before WebGPU! Stay tuned!

Renaud

22,151 Aufrufe • vor 8 Monaten