JavaScript实现的躲避球小游戏

    自己搜集了很多资料,看了很多视频,写了一个躲避球的游戏,本人还在学习阶段,写次文章也算是对自己所学的再一次领悟吧,请大神勿喷。

    好了,话不多说了,直接进入主题。

      首先创建一个游戏画面,当然本人只为实现功能,没有注重美观。


    
        
            开始
        
        
            再玩一次
        
     


*{
    margin: 0px;
    padding: 0px;
 }
#big{
    width: 800px;
    height:500px;
    background: #000;
    margin: 0px auto;
    position: absolute;
    overflow: hidden;
 }
#start{
    width: 100px;
    height: 40px;
    background: #ff0000;
    position: absolute;
    top: 500px;
    left: 350px;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    color: #aaa;
    z-index: 2;
    cursor: pointer;
 }
#again{
    width: 100px;
    height: 40px;
    background: #ff0000;
    position: absolute;
    top: 500px;
    left: 350px;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    color: #aaa;
    z-index: 3;
    cursor: pointer;
 }

    另外还需要从标签里引入一个animate的脚本文件,自己把路径改了就行。http://yun.baidu.com/share/link?shareid=1591801040&uk=522145410   可以去网盘里下载。


    

下面就开始写我们的脚本了,我直接把注释写在页面里了,大家可以根据注释学习

     关于躲避球游戏的代码就是以上这些了,本人还是个新手,也是第一次写这种博客,代码的质量不高,逻辑可能也不够清晰,请大家见谅。

    

转载于:https://my.oschina.net/u/1991426/blog/295870

你可能感兴趣的:(游戏,javascript)