Other Games

Programming-Adjacent Games

Baba Is You

The concept of this game is mind-blowing. You move around as Baba the rabbit, trying to get to the flag. However, you can also move around the rules of the world as blocks, making them into new sentences that change the physics. This can help teach kids the building blocks of coding in a really fun and challenging way.

Game Builder Garage

In this game, you get to literally build a game, much like Roblox. It makes building games easy but still allows you to be creative. The UI is also very friendly and walks you through how to do everything. Once you get good enough, you can build a lot of fun things. It also prepares people for coding logic with fun, animated nodes.

7 Million Humans

This hilarious game is basically a coding emulator, where you have to build small programs that solve puzzles. This can introduce kids to programming logic in a fun way that also critiques capitalism.

Open Source

There are many open-source programming mini-games on the GitHub platform and they are very useful when learning to write code. They generally have the following features.

Requires some prior knowledge on the part of the player.
Fit more closely to the actual programming process (requires the use of real code)
Mostly in the form of break-ins

We have chosen to show two examples.

CSS Diner

This game is about learning CSS Selectors. Selectors are how you pick which element to apply styles to.

Players can see the plate or item to be selected in the top left corner of the picture

In the bottom right corner of the screen is where you can enter the code. You can see both the html screen (to help you understand the framework of the code and where you want to manipulate it) and the CSS screen (where you actually add the code)

On the right side of the game interface, he will give relevant teaching content and some examples. But the content is more general.

FLEXBOX FROGGY

Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code! Guide this frog to the lilypad on the right by using the justify-content property, which aligns items horizontally

This game also uses the game mechanics of breaking and entering. Hints are given in the game to help learners build responses faster. The player needs to help all the frogs to return to their leaves according to the hints given.

Page updated

Report abuse