Another fun 'learn flexbox' games is Flexbox Froggy
Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
41–45 of 45 posts
Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#42Hey, author here. I've always been a big fan of tower defense games so I thought it would be cool to make an open-source version of the game for teaching basic Flexbox properties. It's also a project that's helped me learn Ember.js. The code is on GitHub: https://github.com/channingallen/tower-defense
In Firefox on Linux (44.0.2), Wave 3 don't seem to be working as intended because for the second tower group you've got: div.board__tower-group div.tower-group__tower div.tower-group__tower div.board__tower-group--body and, even though it's `position:absolute`, Firefox is taking that third child into account when applying `justify-content:space-between`, placing the first tower on the left and the second in the cente…
Just put in a fix which works on Mac OS X and should work on Linux as well.
Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#43This is fantastic! I would love to be able to bring back the helpful modal at the beginning of each turn, as a refresher on the options.
Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#44This is fantastic! I would love to be able to bring back the helpful modal at the beginning of each turn, as a refresher on the options.
There is a "?" button in the top right of every stylesheet that brings the modal back up, but I'm also in the process of adding tool tips that are more obvious and always available.
Re: Show HN: Flexbox Defense – learn CSS flexbox by playing a tower defense game
#45[deleted]