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

1,012 阅读2分钟

我正在参加「码上掘金挑战赛」详情请看:码上掘金挑战赛来了!

兴起

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

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

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

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

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

以下是源码地址(欢迎来玩)


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

效果图片

image.png

玩法介绍

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

游戏需求

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

界面设计

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

需求设计

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

image.png

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

image.png

适度广告,添加趣味

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

image.png

游戏文本设计

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

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

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

写代码

三下两除二,写完了代码

额,这么简单似乎不太好

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

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

好了,讲完了

效果展示

image.png

待改进

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

  • 血条特效
  • 减血特效
  • 新人物互动(舔乐哥)

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

没有了,不要看了😜