if your browser supports the <model> element, you will be able to interact with a 3d model above.
if not, thereʼs a looping gif <video> as fallback.
this document was first touched at 13.42 UTC+2 on html day 2026.
iʼm typing from Idas park, Jönköping, Sweden.
thereʼs no html yet but it will come.
saving the best for last.
i fucking love html, but my brain is currently percolating with non-html stuff and i was struggling to come up with a plan for today.
but then, while waiting for the coffee to finish brewing, it hit me: letʼs play with the <model> element!
so thatʼs what iʼm about to do.
actually, i took a break from typing just now, but you didnʼt notice, right?
i took a break and 3d-scanned a copy of my zine, using the iphoneʼs lidar via scaniverse.
it turned out like shit, but thatʼs okay.
i also took a photo of the current overcast-html-energy.jpg here in the park.
now that the source material is gathered, hereʼs my plan:
- export the scanned 3d model of the zine to a fitting file format.
- author a <model> element to embed it in this document.
- provide some kind of fallback (gif?) for browsers that donʼt support <model> yet.
draw write the rest of the owl html.
- publish.
i did it again, took a typing break without you noticing.
i exported a .usdz file and compressed it using the usdcrush command line tool. after that, i exported a video animation of the model too.
thereʼs now a first, rough, draft and a working 3d model i can play with in safari 27 beta. in browsers that donʼt support the <model> element yet, thereʼs a looping <video> as fallback.
itʼs 14.47, iʼm packing up and going home.
…
okay, iʼm back. itʼs now 23.31 and this document is almost ready to be uploaded to my server. you should see a working, interactive 3d model at the top of this page if your browser supports it.
take it for a spin! and feel free to view source to learn how itʼs done.
forever learning,
sven@dahlstrand.net