HTML-CSS休闲小游戏--渣灰的愿望之Can-Can渣灰哥

🦖我是Sam9029，一个前端

**🐱‍🐉🐱‍🐉恭喜你，若此文你认为写的不错，不要吝啬你的赞扬，求收藏，求评论，求一个大大的赞！👍**

Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主

---

兴起

看了家辉哥的 扫毒 ，一句耶稣都留不住他，我说的，真帅气

同时又出现家辉哥代言贪某某月的游戏的那广告slogan大渣好我系渣渣辉 是兄弟就来砍我 （ 系兄弟就来啃我 ）

随时一时兴起，敏感如我，体察人心，关爱他人，洞悉了渣灰哥的愿望

想着做一款，超简易的，但心意满满的，满足渣灰哥的愿望，的炒有趣，炒好玩的小游戏

前说一句（家辉哥，抱歉，其实我超喜欢你的，渣灰哥，对唔主啊，做个捏个有喜，唔至于让喔屈坚耶稣挂？）

以下是源码地址（欢迎来玩）

源码地址：砍砍渣渣灰 - 码上掘金 (juejin.cn)

效果图片

玩法介绍

炒鸡简单，点击大刀，就可以满足渣灰哥的愿望，砍砍渣灰

游戏需求

• 要有渣灰哥的美照
• 要有配得上渣灰哥的愿望的 大刀🔪
• 要有简单明了的互动玩法（让渣灰哥和兄弟们快乐的体会美好的游戏感受）

界面设计

这种东西，随随便便啦，重要的是游戏内核，和游戏创作者的心意啊！

需求设计

• 人物需求多重要，四大美照，任兄挑选

• 刀具不俗，共享欢乐，三种 大刀 任君 选择

适度广告，添加趣味

适度还原经典广告，渣灰哥，的广告特效，带兄弟们回味那段快乐时光

游戏文本设计

• 文本，写什么文本啊，放上渣灰哥的 形象图片 ，大家还会有意见？

• 打上驰名的 游戏 slogan系兄弟就来啃我，大家就会给个面子，都会来 砍砍渣灰哥

好了，分析完需求，写代码的时候就洒洒水啦

---

写代码

三下两除二，写完了代码

额，这么简单似乎不太好

其实就是JS获取刀具，广告的元素标签，分别处理

• 刀具设置 CSS transform:romate(Xdeg) 旋转
• 弹窗广告 display:none 来关闭

好了，讲完了

---

效果展示

待改进

学会总结反思，才是一个好人，才能好好的被耶稣留住 ，之后更新以下特效，增加游戏美感

• 血条特效
• 减血特效
• 新人物互动（舔乐哥）

(以上需求-更新-没有截至日期)

---

文章若有错误，敬请指正🙏

**🐱‍🐉🐱‍🐉恭喜你，都看到这了，求收藏，求评论，求一个大大的赞👍！不过分吧**

Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主