jen

πŸ€

  • she/they

the host

hi im jen

aka @jen@c.im or theonlycrate/exb0t/boygiriswag @ twitter


hikari-no-yume
@hikari-no-yume

hi everyone… just starting out in minecraft ^.^ what do u think?

yes this is a css shitpost. i wish i could animate it. if you go on Inspect Element you can modify the transform for the outer div and view it from different angle


hikari-no-yume
@hikari-no-yume
This post has content warnings for: css animation.

You must log in to comment.

in reply to @hikari-no-yume's post:

there's definitely something. like if you add resize:both it lets you turn the camera a little bit by resizing, so i'm sure there's a way that bounce could make it wiggle the camera a little bit. i don't know much about css perspective stuff though.

Thank you!!

I first got interested in 3D CSS transforms more than a decade ago. It's not a good way to make 3D scenes, but it's a fun thing to play around with. The most important pieces are: transform (translation, rotation etc can go into the third dimension), transform-style: preserve-3d; and the perspective property. You can even hide backfaces with backface-visibility: hidden;, as if you're doing serious 3D graphics…

the heck! that's cool af

unasked for improvement ideas: make canvas bigger (leave at 128px but transform scale?) - image-rendering:pixelated - add a bouncing eggbug mob

in reply to @hikari-no-yume's post:

in reply to @hikari-no-yume's post:

you do not need to CW CSS animation! There is a switch in options to turn it off site-wide for those that want to! :eggbug:

and if it's a resource-intensive animation that makes some people's browsers choke, just hide it behind --- read more :)