<div class="github-widget" data-repo="yrgo/awesome-eg"></div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6890694312814945" data-ad-slot="5473692530" data-ad-format="auto"  data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
## Awesome Educational Games [![awesome](https://cdn.rawgit.com/sindresorhus/awesome/master/media/badge.svg)](https://github.com/sindresorhus/awesome)

[<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-eg/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/) - BézierCurves
  - [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) -  Scientific American的一篇文章.
- [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

- [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以输出图形.
- [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) - 一场比赛你了解布尔值，赢回真.
- [Screeps](https://screeps.com/) - 世界上第一个面向程序员的MMO战略沙盒游戏.
- [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) - 一个关于欺骗人们在浏览器中运行代码的游戏.

## License

[![CC0](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)

在法律允许的范围内， [Yrgo](https://yrgo.se) 已放弃对此作品的所有版权及相关或相邻权利.
