Thread with 6 posts
jump to expanded post
New blog post: Polygons from paragraphs: turning a 3D model into HTML and CSS
https://hikari.noyu.me/blog/2023-01-10-polygons-from-paragraphs-3d-model-html-css.html
of course I already noticed a small error in the bit about basis vectors… sorry! I was rushing to get it done before midnight. I’ll fix it in the morning…
I fixed all the small mistakes and instances of awkward wording I’m aware of, so if you spot something now, it’s probably something I don’t know about.
oh, another thing I forgot until now: I added captions to the video clip. this was far more painful than expected… apparently every browser refuses to display captions or subtitles when viewing the page locally (file:///). what the fuck! I am going to write angry bug reports.
check out how the playing card is constructed btw :3
heh, Apple actually have sample code for a similar playing card CSS animation on their site: https://developer.apple.com/library/archive/samplecode/CardFlip/Introduction/Intro.html
It still works in a modern browser, though you have to tweak the perspective property a bit (-webkit-perspective: 600 has to be changed to perspective: 600px)