Developing a CSS game without HTML or JS
This is a time-lapse of me developing CSS game using "only CSS", no JavaScript or HTML. Truly, there are two HTML elements on the page: the html and the body, that are injected automatically by CodePen (the editor).
The coding process took around two and a half hours, this time-lapse is at 20x (~8 minutes). I will upload a longer version with explanations and more details.
The game uses animation and transforms that combined make WebKit browsers (Chrome, Brave, Safari, etc.) struggle a little. If you want to check the demo yourself, it may be better to do it on Firefox. If you use WebKit, try to make the screen small, and/or reduce the resolution in the game (instructions in the comments).
Link to the demo: https://codepen.io/alvaromontoro/full...
Link to a Twitter thread explaining the process: / 1342524426785607690 (follow me on Twitter for more demos, including some not shared on Youtube 😉)
I will add a DEV post link with more details... once it's written and published.
Music credit: Happiness, by Bensound.
On this page of the site you can watch the video online Developing a CSS game without HTML or JS with a duration of hours minute second in good quality, which was uploaded by the user Alvaro Montoro 25 December 2020, share the link with friends and acquaintances, this video has already been watched 1,216 times on youtube and it was liked by 23 viewers. Enjoy your viewing!
