前端小白奥利给（序）
👩如果你有一定的JS+HTML+CSS基础，想做一个类似的小游戏，请关注我吧✨~我将写作系列文章+录制讲解视频，带着有一定基础的你来设计并实现这样一个纯JavaScript+HTML+CSS小游戏。
👩本篇文章将向你简单介绍这个小游戏的游戏规则，带你云试玩，相关的讲解视频我已经上传到B站了，欢迎围（三）观(连)哦~
🎆构成元素
🌟游戏主角
这个黄发小女孩，她的名字叫前端小白，玩家通过按压键盘←→键，控制其左右移动。
🌟干扰因素
以上代表干扰因素的图标，你都认识吗？它们每隔一段时间从顶部以一定速度下落，到达底部/碰到前端小白后自动消失。
🌟学习因素
以上代表学习因素的图标，你都认识吗？同样地，它们每隔一段时间以一定速度下落，到达底部/碰到前端小白后自动消失。
🌟番茄钟
以上代表番茄钟的图标，不要因为是黄色就不认识哦😂。同样地，它们每隔一段时间以一定速度下落，到达底部/碰到前端小白后自动消失。
🌟成功度
当前端小白“吃”到一个学习因素时，成功度增加10%，需要注意的是成功度不能累加，如第一次“吃”到VSCode后成功度增加10%，第二次吃到后，成功度不变。
🌟失败度
当前端小白“吃”到一个干扰因素时，干扰值增加10%，需要注意的是干扰值可以累加，如第一次“吃”到weiBo后失败度增加10%，第二次吃到后，失败度继续增加10%，达到20%。
🌟番茄能量
当前端小白“吃”到番茄钟后，番茄能量增加1，番茄能量最大为3。当有番茄能量时，前端小白吃到干扰因素后，干扰因素与番茄能量抵消，失败度不增加（番茄能量相当于一个保护罩哦）。
🎆游戏规则
🌟成功条件
成功度到达100%，获得成功，顺利晋级！
🌟失败条件
👩敬请期待本系列的下一篇文章【JavaScriptGame教程-前端小白奥利给（一）】✨
👩我们下篇文章见哦~
