Niels Leenheer

@[email protected]
407 Followers
155 Following
149 Posts
CTO of Salonhub. Creator of https://html5test.com, writes at https://nielsleenheer.com, team @FronteersConf, Google Developers Expert, Invite me to speak at your event.
Websitehttps://nielsleenheer.com
Githubhttp://github.com/nielsleenheer
Blueskyhttps://bsky.app/profile/html5test.com
Show threadNiels Leenheer8h ago

In order to give the browser some breathing space I decided to implement surface culling. We're basically setting the visibility to hidden for all elements are behind us, or obstructed by a wall.

In this case we're removing 1335 of a total of 1577 surfaces.

Niels Leenheer8h ago

Trying to recreate the Spectre shimmer effect with SVG filters for DOOM.css. Not perfect, but I think close enough.

Really feel like I pushing against the boundaries of the browsers compositor here. Especially on larger levels the fans on my MacBook Pro are blowing full force.

Niels Leenheer19h ago

Back to proper math. Implementing keystone and barrel correction for the laser projector.

Yes. That is level E1L1 of Doom. Yes you can run Doom on a laser projector. Kind of.

Niels Leenheer1d ago

CSS Doom Lasers at #cssday? Yes. Buy a ticket and join us!
https://cssday.nl/tickets.html

But tonight we rule the world... eh... well, we play Offline Laser Dinosaurs 🦖 all controlled from the browser using WebUSB and an USB to ILDA converter. The web is so awesome.

Niels Leenheer5d ago

After #WebDayOut I had an extra day in Brighton. Having some lovely cocktails just across the venue at the Bar Valentino… but it looks really familiar.

https://youtu.be/oqRaADSdJLE?is=0evzvICxl11h18cQ

Niels Leenheer5d ago
DOOM fully rendered in CSS. Every surface is a <div> that has a background image, with a clipping path with 3D transforms applied. Of course CSS does not have a movable camera, so we rotate and translate the scene around the user.
Niels LeenheerMar 3
That time when you ask Claude about something and it suggest that you use your own software... And recognises the similarly in name between you and the author... (no relation I assume!)
Show threadNiels LeenheerFeb 4

But now I am starting to wonder… could I take that emulator and send it over USB to a laser projector and…

Turns out there is a WebUSB compatible converter to ILDA, which is what most laser projector use.

So… I expect more fun in the coming weeks.

Show threadNiels LeenheerFeb 4

So I build an oscilloscope emulator in the browser, so I could continue my little project while my old scope got repaired.

That took a while. So I bought 5 other antique scopes. I now have 6. None of them work quite right. But at least I am having fun.

Niels LeenheerFeb 4

Last year I started playing with oscilloscopes and WebAudio to draw figures. But I really I wanted to play with a laser projector, but those are really expensive. And how would you even do that from the browser.

So a cheap oscilloscope it was. Unfortunately it blew up the same day…