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

8,341 subscribers

54,105 Aufrufe • vor 7 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

20 Kommentare

Profilbild von www
wwwvor 7 Monaten

Wait I really need this

Profilbild von Codetaur
Codetaurvor 7 Monaten

damn that's a nice ass font

Profilbild von ł₦ⱧɆⱤɆ₦₮ Ⱡł฿ɆⱤⒶ₮ł⚙₦
ł₦ⱧɆⱤɆ₦₮ Ⱡł฿ɆⱤⒶ₮ł⚙₦vor 7 Monaten

𝙽𝚒𝚌𝚎! 𝙰𝚖𝚊𝚣𝚒𝚗𝚐 𝚠𝚘𝚛𝚔!

Profilbild von dalhaire
dalhairevor 7 Monaten

make it public on ?

Profilbild von EMMA ☆ 3D
EMMA ☆ 3Dvor 7 Monaten

im about to go codetarded on this wen released

Profilbild von Brian Jordan
Brian Jordanvor 7 Monaten

that is awesome. curious what is the tweak panel you have on the left there?

Profilbild von Codetaur
Codetaurvor 7 Monaten

it's the extremely bloated mess of a "UI library" that I just keep expanding with AI slop every time I need a new component or functionality in some project

Profilbild von joshua schachter
joshua schachtervor 7 Monaten

check out unscii- it’s a unicode font with retro character glyphs from every old computer

Profilbild von Roundlay
Roundlayvor 7 Monaten

So cool!

Profilbild von a little bit of this and a little bit of that
a little bit of this and a little bit of thatvor 7 Monaten

gorgeous

Profilbild von Artificially Inclined™
Artificially Inclined™vor 7 Monaten

@threejs Looking so good

Profilbild von GPUBenchTest.com
GPUBenchTest.comvor 7 Monaten

Loves it

Profilbild von Matias
Matiasvor 7 Monaten

@Rolphee_

Profilbild von Jack 🏴‍☠️
Jack 🏴‍☠️vor 7 Monaten

All the best, this looks spectacular.

Profilbild von SM Usama Shah
SM Usama Shahvor 7 Monaten

Where can we play with this?

Profilbild von archered skeleton
archered skeletonvor 7 Monaten

s/o VileR @ int10h for oldschool pc font pack, God knows no one would mention u even with a gun held to their heads even tho cc by-sa 4.0 license

Profilbild von Roger Johansson
Roger Johanssonvor 7 Monaten

Add ClearType support :D

Profilbild von Chris Saturn
Chris Saturnvor 7 Monaten

hey could I use your crt shader?

Profilbild von Kevin Bates
Kevin Batesvor 7 Monaten

Nice but needs more sliders probably

Profilbild von Aleifr
Aleifrvor 7 Monaten

Absolutely incredible. Is it open source?

Ähnliche 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

30,259 Aufrufe • vor 4 Monaten

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

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

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 Aufrufe • vor 4 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.

Codetaur

97,217 Aufrufe • vor 9 Monaten

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

ascii fluid. in threejs / tsl / webgpu

Codetaur

59,416 Aufrufe • vor 7 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,549 Aufrufe • vor 9 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,630 Aufrufe • vor 9 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 11 Monaten

new CRT shader attempt
0:44

new CRT shader attempt

Codetaur

71,675 Aufrufe • vor 8 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 1 Jahr

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

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

Welcome to my bird street! Working on my website (finally not a black screen) now live: #threejs #webgl #webgpu #tsl
0:40

Welcome to my bird street! Working on my website (finally not a black screen) now live: #threejs #webgl #webgpu #tsl

mesq

18,705 Aufrufe • vor 17 Tagen

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 1 Jahr

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

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

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

108,000 Aufrufe • vor 6 Monaten