Loading video...

Video Failed to Load

Go Home

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

codetaur's profile picture

Codetaur

8,091 subscribers

53,846 views • 6 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

28,508 views • 2 months ago

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,902 views • 2 months ago

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,848 views • 5 months ago

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

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

Codetaur

21,043 views • 2 months ago

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.

Codetaur

97,217 views • 7 months ago

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

ascii fluid. in threejs / tsl / webgpu

Codetaur

59,294 views • 5 months ago

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,497 views • 7 months ago

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,430 views • 7 months ago

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 views • 9 months ago

new CRT shader attempt
0:44

new CRT shader attempt

Codetaur

71,594 views • 6 months ago

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 views • 11 months ago

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,672 views • 4 months ago

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

197,882 views • 5 months ago

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 views • 1 year ago

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,640 views • 5 months ago

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 views • 8 months ago

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 views • 9 months ago

working on my first Figma shader fill called 'blocks' next up, adding motion
0:35

working on my first Figma shader fill called 'blocks' next up, adding motion

Yianni

14,214 views • 2 months ago

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

107,769 views • 4 months ago

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

111,158 views • 5 months ago