Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

codetaur's profile picture

Codetaur

8,341 subscribers

54,105 görüntüleme • 7 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

20 Yorum

www profil fotoğrafı
www7 ay önce

Wait I really need this

Codetaur profil fotoğrafı
Codetaur7 ay önce

damn that's a nice ass font

ł₦ⱧɆⱤɆ₦₮ Ⱡł฿ɆⱤⒶ₮ł⚙₦ profil fotoğrafı
ł₦ⱧɆⱤɆ₦₮ Ⱡł฿ɆⱤⒶ₮ł⚙₦7 ay önce

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

dalhaire profil fotoğrafı
dalhaire7 ay önce

make it public on ?

EMMA ☆ 3D profil fotoğrafı
EMMA ☆ 3D7 ay önce

im about to go codetarded on this wen released

Brian Jordan profil fotoğrafı
Brian Jordan7 ay önce

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

Codetaur profil fotoğrafı
Codetaur7 ay önce

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

joshua schachter profil fotoğrafı
joshua schachter7 ay önce

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

Roundlay profil fotoğrafı
Roundlay7 ay önce

So cool!

a little bit of this and a little bit of that profil fotoğrafı
a little bit of this and a little bit of that7 ay önce

gorgeous

Artificially Inclined™ profil fotoğrafı
Artificially Inclined™7 ay önce

@threejs Looking so good

GPUBenchTest.com profil fotoğrafı
GPUBenchTest.com7 ay önce

Loves it

Matias profil fotoğrafı
Matias7 ay önce

@Rolphee_

Jack 🏴‍☠️ profil fotoğrafı
Jack 🏴‍☠️7 ay önce

All the best, this looks spectacular.

SM Usama Shah profil fotoğrafı
SM Usama Shah7 ay önce

Where can we play with this?

archered skeleton profil fotoğrafı
archered skeleton7 ay önce

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

Roger Johansson profil fotoğrafı
Roger Johansson7 ay önce

Add ClearType support :D

Chris Saturn profil fotoğrafı
Chris Saturn7 ay önce

hey could I use your crt shader?

Kevin Bates profil fotoğrafı
Kevin Bates7 ay önce

Nice but needs more sliders probably

Aleifr profil fotoğrafı
Aleifr7 ay önce

Absolutely incredible. Is it open source?

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

30,259 görüntüleme • 4 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,902 görüntüleme • 4 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,848 görüntüleme • 7 ay önce

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

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

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

ascii fluid. in threejs / tsl / webgpu

Codetaur

59,416 görüntüleme • 7 ay ö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,549 görüntüleme • 9 ay önce

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

new CRT shader attempt
0:44

new CRT shader attempt

Codetaur

71,675 görüntüleme • 8 ay ö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 • 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,775 görüntüleme • 6 ay ö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

197,882 görüntüleme • 7 ay önce

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

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

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

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

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