美文网首页Javascript程序员,前端聚集地技术干货
大家好,给大家介绍一下,这是我的打地鼠游戏

大家好,给大家介绍一下,这是我的打地鼠游戏

作者: DarkSpy13 | 来源:发表于2017-10-10 16:57 被阅读37次

    一如既往的给力,今天 又是一个小游戏,但是咋只是说类似打地鼠,实际是啥呢,哈哈,前几天陪着侄儿子看了几节喜羊羊与灰太狼,今天就给大家做一个打灰太狼的小游戏吧,我侄儿子还玩的不亦乐乎呢。这游戏我之前看过4399上的源码,自己也模仿了一个,希望大家喜欢吧。

    1. 简介

    锅打灰太狼是一款老少通吃,男女皆宜的益智游戏,哈哈!

    2. 思路

    把静态页面做出来

    找到每个洞穴

    随机出现灰太狼和小灰灰让它们随机从洞穴出现

    点击事件:打灰太狼加分,打小灰灰减分

    添加时间,时间到了停止游戏

    最终结果

    3. 代码实现

    3.1 静态页面

    HTML结构

    CSS样式

    效果图如下:

    项目全部源码已经放在了群文件了上,感兴趣的可以认真看下源码,直接

    加html5群:250777811

    3.2 找到洞穴

    3.3 随机出现灰太狼和小灰灰让它们随机从洞穴出现

    3.4 点击事件:打灰太狼加分,打小灰灰减分

    效果图如下:

    如果想要更多的企业求职加分项目,案例,可以来一下我的前端群250777811,每天都会精挑细选一个特效,项目出来详细讲解,分享

    3.5 添加时间

    3.6 最终结果

    效果图如下

    4. 结束语

    学习javascript也是有门槛的,就是你的html和css至少还比较熟练,您不能连html这东东是干啥的都不知道就开始学javascript了,学乘除前,学好加减法总是有益无害的。javascript运用灵活后,写写游戏还是很有意思的。

    再说几点建议:

    不要急着看一些复杂的javascript网页特效的代码,这样除了打击你的自信心,什么也学不到

    看网上什么几天精通javascript的,直接跳过吧,没戏

    如果想看到更加系统的文章和学习方法经验可以关注的微信号:‘web前端EDU’或者‘webxh5’关注后回复‘2017’可以领取一套完整的学习视频

    相关文章

      网友评论

        本文标题:大家好,给大家介绍一下,这是我的打地鼠游戏

        本文链接:https://www.haomeiwen.com/subject/jjqbyxtx.html