<div class="github-widget" data-repo="yrgo/awesome-educational-games"></div>
## 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)

&gt; 精选清单 [educational games](https://en.m.wikipedia.org/wiki/Educational_game) 学习编辑器、语言、编程等.

*请阅读 [contribution guidelines](https://github.com/yrgo/awesome-educational-games/blob/master/CONTRIBUTING.md) 在贡献之前.*

> [Educational games](https://en.m.wikipedia.org/wiki/Educational_game) 旨在向人们传授某些主题、扩展概念、加强发展、了解历史事件或文化，或帮助他们在玩耍时学习技能 - [Wikipedia](https://en.m.wikipedia.org/wiki/Educational_game)



## Art & Design

- [Canon Explains Exposure](http://www.canonoutsideofauto.ca/) - 了解如何为您的照片提供适量的光线.
- [Can't Unsee](https://cantunsee.space/) - 一款您对细节的关注可以为您赢得大量金币的游戏.
- [Font Memory Game](https://betterwebtype.com/font-memory-game) - 识别不同风格的字体是排版中最具挑战性的部分之一.
- [Method of Action](https://method.ac/) - 一系列教您设计原则的游戏.
  - [The Bézier Game](https://bezier.method.ac/) - 贝塞尔曲线
  - [Color](https://color.method.ac/) - 颜色
  - [Shape Type](https://shape.method.ac/) - 字母整形
  - [Kern Type](https://type.method.ac/) - 字距调整
- [Pixactly](http://pixact.ly/) - 像素测试来测验你的知识.
- [The Boolean Game](https://boolean.method.ac/) - 了解如何在 Sketch、Figma 和其他矢量编辑器中使用布尔运算.

## 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) - 纽约大学的一篇文章.
- [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) - 科学美国人的一篇文章.
- [Five Reasons to Use Games in the Classroom](https://www.educationworld.com/a_curr/reasons-to-play-games-in-the-classroom.shtml) - 教育世界的一篇文章.

## CSS

- [CSS Diner](https://flukeout.github.io/) - 这是一个帮助你学习CSS选择器的小游戏.
- [CSS Grid Garden](http://cssgridgarden.com/) - 学习 CSS 网格布局的游戏.
- [Flexbox Defense](http://www.flexboxdefense.com/) - 与其他塔防游戏不同，您必须使用 CSS 定位您的塔！
- [Flexbox Froggy](http://flexboxfroggy.com/) - 学习 CSS flexbox 的游戏.
- [Flexbox with Webflow](https://www.flexboxgame.com/) - 在 28 个交互级别学习和掌握 flexbox——无需编写代码.

## Editors

- [Open Vim](https://www.openvim.com/) - 交互式 Vim 教程.
- [Vim Adventures](https://vim-adventures.com/) - 在玩游戏的同时学习 Vim.
- [Vim Genius](http://vimgenius.com/) - 使用 Vim Genius 提高速度并改善肌肉记忆.

## Languages

- [Drops](https://languagedrops.com/) - 通过有趣的游戏，用您选择的语言学习有用的单词和短语.
- [Duolingo](https://www.duolingo.com/) - 免费学习西班牙语、法语和其他语言.

## Math & Computer Science

- [Alligator Eggs!](http://worrydream.com/#!/AlligatorEggs) - 一款教 lambda 演算的儿童纸笔游戏.
- [CS Unplugged](https://csunplugged.org/en/) - 在不使用计算机的情况下教授计算机科学概念的课堂活动集合.
- [Finitris](http://www.postcrashgames.com/finitris/) - 查看运行正则表达式的内容.
- [Guess The Correlation](http://guessthecorrelation.com/) - 尝试猜测散点图中两个变量的相关程度.

## Music

- [Learning Music](https://learningmusic.ableton.com) - 通过 Ableton 的互动网站探索音乐的基础知识.
- [Learning Synths](https://learningsynths.ableton.com/) - 了解使用合成器（或合成器）的基础知识.
- [Pianu](https://pianu.com) - 了解如何在浏览器中弹奏钢琴.

## Programming

- [BOX-256](http://box-256.com/) - 为虚构的 CPU 编写程序集以输出图形.
- [Bashcrawl](https://gitlab.com/slackermedia/bashcrawl) - 通过玩简单的文字冒险来学习 Linux 命令.
- [Clips the Game](https://md5crypt.github.io/clipsgame/) - 基于剪辑规则引擎的要求严苛的逻辑游戏.
- [Code Avengers](https://www.codeavengers.com/) - 学习以有趣且有效的方式构建网站、应用程序和游戏.
- [Code School](https://www.pluralsight.com/codeschool ) - 学习在浏览器中舒适地编码.
- [Code.org](https://code.org/) - 每所学校的每个学生都应该有机会学习计算机科学.
- [Codecademy](https://www.codecademy.com/) - 免费学习交互式编码.
- [CodeCombat](https://codecombat.com/) - 最吸引人的编程学习游戏.
- [CodinGame](https://www.codingame.com/start) - 一个基于挑战的培训平台，您可以在其中玩转最热门的编程主题.
- [Cube Composer](https://david-peter.de/cube-composer/) - 一款受函数式编程启发的益智游戏.
- [Deadlock Empire](https://deadlockempire.github.io/) - 并发解决难题.
- [Free Code Camp](https://www.freecodecamp.org/) - 帮助您学习编码的开源社区.
- [Learn Git Branching](https://learngitbranching.js.org/) - 强调分支的交互式 Git 教程.
- [Mimo](https://getmimo.com/) - 了解如何成为移动开发人员.
- [Programming Games Wiki](http://programminggames.org/) - 多年的编程游戏目录.
- [RegexOne](https://regexone.com/lesson/introduction_abcs) - 通过简单的互动练习学习正则表达式.
- [ReturnTrue](https://alf.nu/ReturnTrue) - 一个你学习布尔值的游戏，返回 true 即可获胜.
- [Screeps](https://screeps.com/) - 世界上第一款面向程序员的MMO 策略沙盒游戏.
- [SQL Murder Mystery](https://mystery.knightlab.com/) - 在练习数据库技能的同时破案.
- [Swift Playgrounds](https://www.apple.com/swift/playgrounds/) - 以非常有趣的方式学习在 iPad 上编程.
- [Untrusted](https://alexnisnevich.github.io/untrusted/) - 在玩 JavaScript 冒险游戏时学习.
- [WarriorJS](https://github.com/olistic/warriorjs) - 使用 JavaScript，编写一个勇士爬高塔、打怪兽和营救俘虏的程序.
- [Web Audio School](https://mmckegg.github.io/web-audio-school/) - 交互式 WebAudio 教程.
- [XSS game](https://xss-game.appspot.com) - 一个关于诱使人们在他们的浏览器中运行代码的游戏.
