🌎 100% Natural ingredients!
🚳 No images
📵 No JavaScript
👨💻 Just CSS - And a sprinkling of HTML
Like most CSS projects of mine, I had no idea whether this was possible before I started, and learnt some things along the way. I tried to keep the graphics a simple as possible to help with the animations and to fit with the retro vibe of the original 3D mazes from the 1990's. If you watch the YouTube about making it you can see the style to begin with was very different. I was thinking more like the style of Legend of Grimrock.
I'm happy with the familiar controls, the elevators (to make it more interesting), and the subtle depth shading... I'm not sure I've seen this done in 3D CSS Art before.
Anyway I hope you like it :)
💥 CHROME ONLY!!
Firefox is okay but very slow.
Sorry Safari people 🥺
💀 I've tried but it's just not going to happen :(
The making of:
📺 youtu.be/Z0VHM4KcMFQ
First person to send me a screen shot of the end screen wins...
Your time starts now!!! 🏁
P.S. If you have any ideas how to help with Safari then please let me know x
Top comments (5)
This is just amazing. Didn't know that this was possible either.. Would love to understand how to do 3d in css. Will search for it later..
:) thank you!
I think a good starting point, is what most people start with (including me), a 3D spinning cube. This is basically an extension of that but from the point of view of being inside the cube :)
Thank you for your wonderful article posting!!! I think this is very useful
Impressive work!
Thank you :) Impressive work by you too! You found it! Well done!! 🥳 You are the first on here! 🎉