Little 3D Projects

Did you know that CSS and JavaScript can move and animate elements in 3 dimensions? It's not a very intended use of these languages, it's very tedious to move everything to where it should be, and I found almost no tips on the internet for this. But it more or less works, and it's incredible. Here there are a few minor projects I made while experimenting with this.

Cubes

A few cubes dancing around wildly in the empty void. Kind of mesmerizing to watch. My first attempt with 3D stuff, it only has right angles.

Zampanio Pyramid

A rotating pyramid with Zampanio assets. It has more complicated angles.

Escher Space Room

Interactive room with the works of M. C. Escher depicting planetoids and spheres. You can rotate it around with the arrow keys.

Ocean Corridor

An animation of an endless corridor over the ocean. You can turn a bit left and right with the arrow keys. It works better in Firefox, but it runs okay in Chrome too, only a bit slower.

Octahedron

Just a rotating octahedron. It had many difficould angles and image positions to set. And yes, before you ask, this is Vriska's dice from Homestuck.