[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/learn/educational-games.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Educational Games **repo:** [yrgo/awesome-educational-games](https://github.com/yrgo/awesome-educational-games) **category:** [[learn|Learn]] **related:** [[learn-to-program|Learn To Program]] · [[game-development|Game Development]] --- # Awesome Educational Games [<img src="https://cloud.githubusercontent.com/assets/499192/18659925/ed7e6262-7f0d-11e6-8e8e-b53b87158210.png" align="right" alt="Awesome Educational Games" width="150">](https://en.m.wikipedia.org/wiki/Educational_game) > A curated list of awesome [educational games](https://en.m.wikipedia.org/wiki/Educational_game) to learn editors, languages, programming, etc. *Please read the [contribution guidelines](CONTRIBUTING.md) before contributing.* > [Educational games](https://en.m.wikipedia.org/wiki/Educational_game) are designed to teach people about certain subjects, expand concepts, reinforce development, understand an historical event or culture, or assist them in learning a skill as they play - [Wikipedia](https://en.m.wikipedia.org/wiki/Educational_game) #### Contents - [Art & Design](#art--design) - [Articles](#articles) - [CSS](#css) - [Editors](#editors) - [Languages](#languages) - [Math & Computer Science](#[math](/@harrisonqian/awesome/wiki/theory/math)--computer-science) - [Music](#music) - [Programming](#programming) ## Art & Design - [Canon Explains Exposure](http://www.canonoutsideofauto.ca/) - Learn how to give your photographs just the right amount of light. - [Can't Unsee](https://cantunsee.space/) - A game where your attention to details earns you a lot of coins. - [Font Memory Game](https://betterwebtype.com/font-memory-game) - Recognizing different styles of [fonts](/@harrisonqian/awesome/wiki/media/fonts) is one of the most challenging parts of typography. - [Method of Action](https://method.ac/) - A collection of games that teach you [design principles](/@harrisonqian/awesome/wiki/miscellaneous/design-principles). - [The Bézier Game](https://bezier.method.ac/) - Bézier Curves - [Color](https://color.method.ac/) - Color - [Shape Type](https://shape.method.ac/) - Letter Shaping - [Kern Type](https://type.method.ac/) - Kerning - [Pixactly](http://pixact.ly/) - A pixels test to quiz your knowledge. - [The Boolean Game](https://boolean.method.ac/) - Learn how to use boolean operations in [Sketch](/@harrisonqian/awesome/wiki/miscellaneous/sketch), Figma, and other vector editors. ## Articles - [Educational Video Games Can Boost Motivation to Learn](https://www.nyu.edu/about/news-publications/news/2013/november/educational-video-games-can-boost-motivation-to-learn-nyu-cuny-study-shows-.html) - An article by New York University. - [Fact or Fiction?: Video Games Are the Future of Education](https://www.nyu.edu/about/news-publications/news/2013/november/educational-video-games-can-boost-motivation-to-learn-nyu-cuny-study-shows-.html) - An article by Scientific American. - [Five Reasons to Use Games in the Classroom](https://www.educationworld.com/a_curr/reasons-to-play-games-in-the-classroom.shtml) - An article by [Education](/@harrisonqian/awesome/wiki/back-end-development/education) World. ## CSS - [CSS Diner](https://flukeout.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/) - It's a little game to help you learn CSS selectors. - [CSS Grid Garden](http://cssgridgarden.com/) - A game for [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) CSS grid layout. - [Flexbox Defense](http://www.flexboxdefense.com/) - Unlike other tower defense games, you must position your towers using CSS! - [Flexbox Froggy](http://flexboxfroggy.com/) - A game for [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) CSS [flexbox](/@harrisonqian/awesome/wiki/front-end-development/flexbox). - [Flexbox with Webflow](https://www.flexboxgame.com/) - Learn and master [flexbox](/@harrisonqian/awesome/wiki/front-end-development/flexbox) in 28 interactive levels—without writing code. ## Editors - [Open Vim](https://www.openvim.com/) - Interactive Vim tutorial. - [Vim Adventures](https://vim-adventures.com/) - [Learning](/@harrisonqian/awesome/wiki/programming-languages/learning) Vim while playing a game. - [Vim Genius](http://vimgenius.com/) - Increase your speed and improve your muscle memory with Vim Genius. ## Languages - [Drops](https://languagedrops.com/) - Learn useful words and phrases in a languge of your choosing, with fun gameplay. - [Duolingo](https://www.duolingo.com/) - Learn [Spanish](/@harrisonqian/awesome/wiki/computer-science/spanish), French and other languages for free. ## Math & Computer Science - [Alligator Eggs!](http://worrydream.com/#!/AlligatorEggs) - A pen-and-paper game for children that teaches lambda calculus. - [CS Unplugged](https://csunplugged.org/en/) - A collection of classroom activities that teach computer science concepts without using computers. - [Finitris](http://www.postcrashgames.com/finitris/) - See what goes into running a regular expression. - [Guess The Correlation](http://guessthecorrelation.com/) - Try to guess how correlated the two variables in a scatter plot are. ## Music - [Learning Music](https://learningmusic.ableton.com) - Explore the fundamentals of [music](/@harrisonqian/awesome/wiki/media/music) via Ableton's interactive website. - [Learning Synths](https://learningsynths.ableton.com/) - Learn the basics of using synthesizers (or synths). - [Pianu](https://pianu.com) - Learn how to play the piano in-browser. ## Programming - [BOX-256](http://box-256.com/) - Program a fictional CPU with assembly to output graphics. - [Bashcrawl](https://gitlab.com/slackermedia/bashcrawl) - Learn [Linux](/@harrisonqian/awesome/wiki/platforms/linux) commands by playing a simple text adventure . - [Clips the Game](https://md5crypt.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/clipsgame/) - A demanding logic game based on the clips rule engine. - [Code Avengers](https://www.codeavengers.com/) - Learn to build websites, [apps](/@harrisonqian/awesome/wiki/platforms/apps) and games in a fun and effective way. - [Code School](https://www.pluralsight.com/codeschool ) - Learn to code in the comfort of your browser. - [Code.org](https://code.org/) - Every student in every school should have the opportunity to learn computer science. - [Codecademy](https://www.codecademy.com/) - Learn to code interactively, for free. - [CodeCombat](https://codecombat.com/) - The most engaging coding game for [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) programming. - [CodinGame](https://www.codingame.com/start) - A challenge-based training platform where you can play with the hottest programming topics. - [Cube Composer](https://david-peter.de/cube-composer/) - A puzzle game inspired by [functional programming](/@harrisonqian/awesome/wiki/programming-languages/functional-programming). - [Deadlock Empire](https://deadlockempire.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/) - Solve puzzles with concurrency. - [Free Code Camp](https://www.freecodecamp.org/) - An open source community that helps you learn to code. - [Learn Git Branching](https://learngitbranching.js.org/) - Interactive Git tutorial that emphasizes branching. - [Mimo](https://getmimo.com/) - Learn how to become a developer on mobile. - [Programming Games Wiki](http://programminggames.org/) - A long-standing catalogue of programming games through the years. - [RegexOne](https://regexone.com/lesson/introduction_abcs) - Learn Regular Expressions with simple, interactive exercises. - [ReturnTrue](https://alf.nu/ReturnTrue) - A game were you learn about booleans, return true to win. - [Screeps](https://screeps.com/) - The world's first MMO strategy sandbox game for programmers. - [SQL Murder Mystery](https://mystery.knightlab.com/) - Solve a crime while practicing [database](/@harrisonqian/awesome/wiki/databases/database) skills. - [Swift Playgrounds](https://www.apple.com/swift/playgrounds/) - Learn to code on your iPad in a seriously fun way. - [Untrusted](https://alexnisnevich.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/untrusted/) - Learn while playing a [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) adventure game. - [WarriorJS](https://github.com/olistic/warriorjs) - Using [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript), program a warrior to climb a tall tower, fight monsters and rescue captives. - [Web Audio School](https://mmckegg.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/web-audio-school/) - Interactive WebAudio [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials). - [XSS game](https://xss-game.appspot.com) - A game about tricking people into running code in their browsers.