Niels Leenheer

407 Followers
155 Following
147 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

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.

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.

RE: https://mastodon.social/@cssday/116244197568782653

So happy to be back on the CSS Day stage this June with so many other fantastic speakers. And I can't wait to show what I've been working on the last year or two. Yes it will be about Doom, Lasers and CSS, and so much more. ✨

I do feel I've hit peak talk title with "CSS Doom Laser".

Also, we announce new speakers today. @kevinpowell @leaverou @matuzo and @html5test will join us on 11th and 12th of June.

No flamethrowers will be used. Probably.

https://cssday.nl/

CSS Day 2026, 11th & 12th of June, Amsterdam

CSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.

RE: https://front-end.social/@ppk/116243959506665254

I for one think these are important topics to address. One can never know too much about lasers and flamethrowers.

Writing a CSS Day newsletter about flamethrowers and doom lasers. We must address the legitimate concerns of our audience.

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

Did find a rendering bug in Chrome though. Rendering is extremely glitchy and non deterministic. Ceilings and floors disappear seemingly random.

Firefox and Safari are flawless.

There is still a lot of Javascript, but...

I think I can use custom properties to set the camera location, and define the location of each surface using css properties and then let CSS handle the calculation of the transform.

We have cos, sin and tan now in CSS!

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.