JavaScript版飞机

最新推荐文章于 2021-09-06 13:28:11 发布

晴天HUG

最新推荐文章于 2021-09-06 13:28:11 发布

阅读量296

点赞数

分类专栏：自作文章标签：用WebStorm实现飞机的飞行击毁敌机以及分数的积累 javascript

本文链接：https://blog.csdn.net/u012299270/article/details/39907335

版权

自作专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        #timor{width: 300px;height: 600px;background-color: black;}
        label{position: absolute;}
        .img{
            position: absolute;
            top: 200px;
            left: 600px;
        }
        .score{
            position: absolute;
            top: 10px;
            left: 700px;
            background-color:black;
            color: white;
        }
    </style>
    <script type="text/javascript" src="JS/jquery-1.11.1.js"></script>
    <script type="text/javascript" src="JS/enemyAirPlane.js"></script>
    <script type="text/javascript" src="JS/bullets.js"></script>
    <script type="text/javascript" src="JS/teammateAirPlane.js"></script>
    <script type="text/javascript">
        var isGameOver = true;//是否触发游戏结束的标识
        var score = 0;// 游戏的得分
        //窗口加载事件
        $(function(){//记录成绩的div
            var label = $("<div><span id='score'></span><span id='no'></span></div>");//定义一个div放lalbel
            label.addClass("score");//lalbel名字score
            $("body").append(label);//把记录成绩的lalbel放入body
            $("#score").text("分数");//HTML页面显示'分数'
            $("#no").text(score);
            gameBegin();//运行的入口
        });
        //游戏运行的入口，检测游戏是否可以开始
        function gameBegin(){
            if(isGameOver){
                var img = $("<div><img src='image/4.png'></div>");//在游戏界面首先放置一张图片按钮，用来启动游戏
                $("body").append(img);//添加到body里
                img.addClass("img");//类名img
                img.click(function(){//为图片写点击事件
                    score = 0;//初始化分数为0
                    $("#no").text(score);
                    isGameOver = false;//将判断是否碰撞赋值为false
                    img.remove();//点击后清除图片
                    gameStart();//运行游戏
                });
            }
        }
        function gameStart(){//如果游戏的标识为ture，则运行游戏
            if(!isGameOver){
                setInterval(createNewPlane,2000);//每两秒钟出现一个敌机
                myAirplaneControling();//调用我方飞机运行
            }
        }

        //创建子弹对象并实现子弹事件
        function butCreating(){
            var newBut = new Bullets();
            newBut.Direction();
            newBut.riseup();
        }
        //创建敌方飞机，并实现敌机运动事件
        function createNewPlane(){
            if(!isGameOver) {
                var newPlane = new Plane();
                newPlane.setPosition();
                newPlane.process();
            }
        }
    </script>

</head>
<body>
<div align="center">
    <div id="timor"></div>
</div>
</body>
</html>

晴天HUG

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript版飞机

#timor{width: 300px;height: 600px;background-color: black;} label{position: absolute;} .img{ position: absolute; top: 200px; left: 600px; }
复制链接

扫一扫