Build a Simon Game


  1. 目标:CodePen.io 上创建一个类似于 http://codepen.io/FreeCodeCamp/full/obYBjE 的小游戏.
  2. 规则 #1: 代码是开源的,你可以借鉴,但请不要抄袭。
  3. 规则 #2: 可以使用你喜爱的任何库来定制属于你自己的风格,实现下面的功能.
  4. 功能: 色块亮起的顺序是随机的.
  5. 功能: 每次以正确的顺序点击色块后, 色块需要以原来的顺序依次亮起, 并增加一个新的序列.
  6. 功能: 当色块自动按顺序亮起时, 以及用户点击色块时, 需要能够发出声音.
  7. 功能: 当用户点错时, 要以不同的声音提示用户, 色块需要能以原来的顺序亮起并让用户重试.
  8. 功能: 可以看到当前游戏中点对的色块序列的数量.
  9. 功能: 可以通过点击一个按钮重新开始游戏, 并且游戏会重新从一个序列开始.
  10. 功能: 可以在严格模式下游戏, 即严格模式下一旦输错任意一个序列都必须从头开始
  11. 功能: 在输入正确 20 个序列时获胜。将会提示胜利, 并结束游戏
  12. 提示: 这里有一些可能会用到的按键音的 mp3 文件地址 /images/simonSound1.mp3, /images/simonSound2.mp3, /images/simonSound3.mp3, /images/simonSound4.mp3.
  13. 遇到问题记得 Read-Search-Ask.
  14. 当你完成这个挑战, 点击 "我已经完成了这个挑战" 并提交你的 CodePen 链接.
  15. 你可以分享这个项目给 huluoyang聊天室 来获得反馈。

进入下一个挑战 (ctrl + enter)
Help
Bug