canvas+JS编写二维弹球

最新推荐文章于 2021-03-21 00:16:53 发布

VIP文章不知名攻城狮

最新推荐文章于 2021-03-21 00:16:53 发布

阅读量613

点赞数 1

分类专栏： JavaScript canvas

本文链接：https://blog.csdn.net/weixin_43633639/article/details/83866245

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>二维弹球</title>
    <style>
        body {
            background: 000000;
            margin: 0;
            overflow: hidden;
        }

        button:hover {
            background: firebrick
        }

        button:visited {
            background: firebrick
        }

        .difficulty {
            padding: 10px;
            color: #eef1f1;
            background: #003adf;
            display: flex;
        }
    </style>
</head>

<body>

    <div class="difficulty">
        <span style="margin:0 10px">游戏难度</span>
        <button onclick="SetD(1)">易</button>
        <button onclick="SetD(2)">中</button>
        <button onclick="SetD(3)">难</button>
    </div>


    <canvas class="mycanvas">

    </canvas>

    <script>
        let canvas = document.querySelector('canvas');
        let ctx = canvas.getContext('2d');
        let width = canvas.width = screen.width;
        let height = canvas.height = screen.height - 200;
        let level = 0 //游戏难度
        let rightPressed; //判断右键
        let l

最低0.47元/天解锁文章

不知名攻城狮

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
canvas+JS编写二维弹球

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
复制链接

扫一扫