Подтвердите e-mail

Для публикаций, комментариев, реакций и сообщений подтвердите адрес.

←

Публикация

Agustin Capeletto

It's-a me, 3D CSS Mario! 🍄 ⭐ I'm recreating Giles Goddard's iconic N64 face engine, so we can use it on the web. The rendering is handled by CSS matrix transforms, without WebGL or canvas. demo: codepen.io/alowpoly/pen... repo: github.com/layoutit/css...

Обсуждение

6 прямых ответов · 12 сообщений

Micah Mills

This is awesome. I looked on my iPhone and it has the same issue as Firefox. It also ran at like 5 frames per second, but I guess that is to be expected.

Ответ для Micah Mills
Agustin Capeletto

Thank you! Yeah, Mobile Safari is pretty much the endboss. But also a good optimization target for the next version.

MrCheeze

looking a lil off in firefox

Ответ для MrCheeze
Agustin Capeletto

Yup! This is because Firefox doesn't support border/corner-shape yet, so triangles get rounded edges. I’ll need to ship an alternative spritesheet for those browsers with prebaked crops.

Jon Kuperman

wow that hit me right in the nostalgia

charli xkcd

this is so cursed (complimentary)

Ответ для charli xkcd
Ответ для charli xkcd
Agustin Capeletto

Thank you! The goal is for each demo to outcurse the last.

Agustin Capeletto

The research for this demo has resulted in polycss-morph, a new package that adds a ton of useful transform interpolation math to the library. Will be sharing more examples soon! docs: polycss.com/guides/morph/

Ответ для Agustin Capeletto
patak

this is nuts

Ответ для patak
Juan Cruz Fortunatti

it looks like mango to me