跟着韩老师学HTML5的tank大战一些问题和代码

最新推荐文章于 2023-07-30 10:52:23 发布
最新推荐文章于 2023-07-30 10:52:23 发布
阅读量374 收藏 1
点赞数 1
分类专栏： 前端学习记录 文章标签： html5 tank
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29039975/article/details/50351399
版权

说明：
1.韩老师讲的画tank盖子从0到360，会出现一个bug，就是所有tank的盖子连到一起了，看了下函数的API，应该写成从0到2*Math.PI,0到360并不是一个完整的圆。

2.代码实现的有：己方坦克按键控制，子弹连发，被击中时消失爆炸；敌方坦克自由移动，子弹消失后才可以发第二颗子弹，被击中时消失爆炸。所有坦克都不可以跑出画布范围。

3.未解决：坦克重叠的问题，自己的想法是，把坦克都看成是一个矩形，坐标为（tank.x , tank.y，tank.width , tnak.height）,判断如果两个矩形接触，就把坦克的方向反转，或者，让其从新随机生成方向。

4.出现的问题和解决:
1.运行时，有时坦克会无缘故爆炸，后来我发现是因为，敌方坦克被我击中后，虽敌方坦克和敌方的子弹，以及我的子弹都消失了，但是敌方坦克子弹并没有死亡，只是没有被画出来，依然在跑。—解决–>让被我击中的坦克的子弹死亡
2.我被击中后爆炸消失后，依然可以移动和发子弹，也只是坦克没有被画出来而已。—解决–>我把画子弹和坦克的函数都增加判断，只有当hero.isLive为真是才能执行。

5.拓展：可以加上音效和场景。

6.效果图：再一次下方，是一个滚动提示<marquee>，初始值是“操作真6”，被击中后是“你真菜！”

tankMap

7.代码：
drawtank.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>画坦克</title>
    <link rel="stylesheet" type="text/css" href="002tank.css">
    <script type="text/javascript"  src="001tank.js"></script>
</head>
<body onkeydown="getCommend();">
    <canvas id="tankMap" width="500px" height="400px" style="background-color: black"></canvas>
    <div class="hint" >
    <p>A--左<br/><br/><br/>S--下<br/><br/><br/>D--右<br/><br/><br/>W--上<br/><br/><br/>J--子弹</p><br/>
    <a type="button" href="drawtank.html"><p>再来一次</p></a><br/>
    <marquee direction="left" >
    <span id="aa">操作真6</span>
    </marquee>
    </div>

    <script type="text/javascript">
        var canvas1 = document.getElementById("tankMap");
        var cxt = canvas1.getContext("2d");
//draw Tank
        var enemyTankSum = 9;   //敌方坦克数量
        var tankMapWidth = 500;
        var tankMapHeight = 400;//更画布的大小一致

        var hero = new Hero((tankMapWidth/2)-20,tankMapHeight-30,0,heroColor);
        var enemyTanks = new Array();
        for (var i=0;i<enemyTankSum;i++){
            var enemyTank = new EnamyTank((i+1)*50,0,2,enemyColor);
            enemyTanks[i] = enemyTank;
            window.setInterval("enemyTanks["+i+"].run()",50);

            var eb=new Bullet(enemyTanks[i].x+9,enemyTanks[i].y+30,2,3,"enemy",enemyTanks[i]);
            enemyBullets[i]=eb;
            var ettimer=window.setInterval("enemyBullets["+i+"].run()",50);
            enemyBullets[i].timer=ettimer;

        }
        flashTankMap();
        function flashTankMap(){
            cxt.clearRect(0,0,tankMapWidth,tankMapHeight);

            drawHeroBullet();

            isHitEnemyTank();
            isHitHero();
            drawEnemyBomb();
            drawEnemyBullet();
            for (var i=0;i<enemyTankSum;i++){
                drawTank(enemyTanks[i]);
            }
             drawTank(hero);
        }
        //获取键盘的命令
        function getCommend(){
            var code = event.keyCode;
            switch (code){
                case 87://W
                    hero.moveUP();
                    break;
                case 68://D
                    hero.moveRight();
                    break;
                case 83://S
                    hero.moveDown();
                    break;
                case 65://A
                    hero.moveLeft();
                    break;
                case 74://J
                    hero.shootEnemy();
                    break;
            }
                flashTankMap();
        }

    window.setInterval("flashTankMap()",100);


    </script>
</body>
</html>

002tank.css

#tankMap{
    background-color: black;
    float: left;
    border: 2px solid #FF0000;
    border-radius: 25px;
    box-shadow: 10px 10px 5px #FF5500;
}
.hint{
    background-color: #C0C0C0;
    float: left;
    width: 200px;
    height: 400px;
    border: 2px solid #FF0000;
    border-radius: 25px;
    box-shadow: 10px 10px 5px #FF5500;
    margin-left: 20px;
    text-align:center; 
}
.hint a{
    display: block;
    color: black;
    background-color: red;
    text-decoration: none;
}

001tank.js

/**
 * Created by Administrator on 2015/12/10.
 */
var heroColor = new Array("#FFFF00" , "#FFCC00");
var enemyColor = new Array("#00A2B5" , "#0000FF");
var heroBullets = new Array();
var enemyBullets = new Array();
var bombs = new Array();

function Bomb(x,y){
    this.x=x;
    this.y=y;
    this.isLive=true; 
    this.blood=9;
    this.bloodDown=function(){
        if(this.blood>0){
            this.blood--;
        }else{
            this.isLive=false;
        }
    }
}

function Tank(x,y,direct,color){
    this.x = x;
    this.y = y;
    this.speed=2;
    this.isLive=true;
    this.direct = direct;
    this.color = color;
    this.moveUP=function(){
       if (this.y>0) {
            this.y-=this.speed;
            this.direct=0;
       }
    }
    this.moveRight=function(){
        if (this.x<tankMapWidth-30) {
            this.x+=this.speed;
            this.direct=1;
        }
    }
    this.moveDown=function(){
        if (this.y<tankMapHeight-30){
            this.y+=this.speed;
            this.direct=2;
        }
    }
    this.moveLeft=function(){
        if (this.x>0) {
            this.x-=this.speed;
            this.direct=3;  
        }


    }
}
function Hero(x,y,direct,color){//xy is the tank's position ,direct is the tank's face
    this.tank = Tank;
    this.tank(x,y,direct,color);
    this.shootEnemy = function(){
        switch (this.direct){
            case 0:
                heroBullet = new Bullet(this.x+9,this.y,this.direct,4);
                break;
            case 1:
                heroBullet = new Bullet(this.x+30,this.y+9,this.direct,4);
                break;
            case 2:
                heroBullet = new Bullet(this.x+9,this.y+30,this.direct,4);
                break;
            case 3:
                heroBullet = new Bullet(this.x,this.y+9,this.direct,4);
                break;
        }
        heroBullets.push(heroBullet);
       var timer = window.setInterval("heroBullets["+(heroBullets.length-1) +"].run()",50);
        heroBullets[heroBullets.length-1].timer = timer;
    }
}

function EnamyTank(x,y,direct,color){//xy is the tank's position ,direct is the tank's face
    this.tank = Tank;
    this.tank(x,y,direct,color);
    this.count=0;      
    this.bulletIsLive=true;
        this.run=function run(){

            switch(this.direct){
            case 0: 
                if(this.y-this.speed>0)  
                  { this.y-=this.speed;}
                break;
            case 1: 
                if(this.x+this.speed+30<tankMapWidth) 
                   {this.x+=this.speed;}
                break;
            case 2:
                if(this.y+this.speed+30<tankMapHeight)   
                    { this.y+=this.speed;break;}
            case 3:
                if(this.x-this.speed>0)   
                  {this.x-=this.speed;}
                break;
            }

            if(this.count>30){
                this.direct=Math.round(Math.random()*3);
                this.count=0;
            }
            this.count++;


        if(this.bulletIsLive==false){//增子弹,这是需要考虑当前这个敌人坦克的方向
            switch(this.direct){
            case 0:
                etBullet=new Bullet(this.x+9,this.y,this.direct,3,"enemy",this);
                break;
            case 1:
                etBullet=new Bullet(this.x+30,this.y+9,this.direct,3,"enemy",this);
                break;
            case 2:
                etBullet=new Bullet(this.x+9,this.y+30,this.direct,3,"enemy",this);
                break;
            case 3:
                etBullet=new Bullet(this.x,this.y+9,this.direct,3,"enemy",this);
                break;
            }
            this.bulletIsLive=true;
            enemyBullets.push(etBullet);

            var mytimer=window.setInterval("enemyBullets["+(enemyBullets.length-1)+"].run()",50);//启动
            enemyBullets[enemyBullets.length-1].timer=mytimer;
        }
        }
}

function drawHeroBullet(){
    if(hero.isLive){
        for(var i=0;i<heroBullets.length;i++){
            var heroBullet = heroBullets[i];
            if(heroBullet !=null && heroBullet.isLive){
                cxt.fillStyle = "#FFFF00";
                cxt.fillRect(heroBullet.x,heroBullet.y,2,2);
            }
        }
    }
}
function drawEnemyBullet(){

    for(var i=0;i<enemyBullets.length;i++){
        var etBullet = enemyBullets[i];
        if(etBullet.isLive&&etBullet.tank.isLive){
            cxt.fillStyle = "#FFFFFF";
            cxt.fillRect(etBullet.x,etBullet.y,2,2);
        }
    }

}
function drawTank(tank) {//tank is an Object
    if (tank.isLive) {
     switch (tank.direct) {
        case 0:
        case 2:
            cxt.fillStyle = tank.color[0];
            cxt.fillRect(tank.x, tank.y, 5, 30);
            cxt.fillRect(tank.x + 15, tank.y, 5, 30);
            cxt.fillRect(tank.x + 6, tank.y + 5, 8, 20);
            cxt.fillStyle = tank.color[1];
            cxt.arc(tank.x + 10, tank.y + 15, 4, 0, 2*Math.PI, true);
            cxt.fill();
            cxt.strokeStyle = tank.color[1];
            cxt.lineWidth = 2;
            cxt.beginPath();
            cxt.moveTo(tank.x + 10, tank.y + 15);
            if (tank.direct == 0) {
                cxt.lineTo(tank.x + 10, tank.y);
            } else if (tank.direct == 2) {
                cxt.lineTo(tank.x + 10, tank.y + 30);
            }
            cxt.closePath();
            cxt.stroke();
            break;
        case 1:
        case 3:
            cxt.fillStyle = tank.color[0];
            cxt.fillRect(tank.x, tank.y, 30, 5);
            cxt.fillRect(tank.x , tank.y+ 15, 30, 5);
            cxt.fillRect(tank.x + 5, tank.y + 6, 20, 8);

            cxt.fillStyle = tank.color[1];
            cxt.beginPath();
            cxt.arc(tank.x + 15, tank.y + 10, 4, 0, 2*Math.PI, true);
            cxt.fill();
            cxt.closePath();

            cxt.strokeStyle = tank.color[1];
            cxt.lineWidth = 2;
            cxt.beginPath();
            cxt.moveTo(tank.x + 15, tank.y + 10);
            if (tank.direct == 1) {
                cxt.lineTo(tank.x + 30, tank.y + 10);
            } else if (tank.direct == 3) {
                cxt.lineTo(tank.x , tank.y + 10);
            }
            cxt.closePath();
            cxt.stroke();
            break;
        }
    }

}

function Bullet(x,y,direct,speed,type,tank){
    this.x = x;
    this.y = y;
    this.direct = direct;
    this.speed = speed;
    this.type = type;
    this.tank = tank;
    this.timer = null;
    this.isLive = true;
    this.run = function run(){
        if (this.x<=0||this.x>=tankMapWidth||this.y<=0||this.y>=tankMapHeight||this.isLive==false){
            window.clearInterval(this.timer);
            this.isLive = false;
            if(this.type=="enemy"){
                        this.tank.bulletIsLive=false;
                }
        }else{
            switch (this.direct){
                case 0:
                    this.y-=this.speed;
                    break;
                case 1:
                    this.x+=this.speed;
                    break;
                case 2:
                    this.y+=this.speed;
                    break;
                case 3:
                    this.x-=this.speed;
                    break;
            }

        }
    }
}

function isHitEnemyTank(){
        for(var i=0;i<heroBullets.length;i++){
            var heroBullet=heroBullets[i];
            if(heroBullet.isLive){
                for(var j=0;j<enemyTanks.length;j++){
                         var enemyTank=enemyTanks[j];
                         if(enemyTank.isLive){
                            switch(enemyTank.direct){
                                case 0: 
                                case 2:
                                    if(heroBullet.x>=enemyTank.x&&heroBullet.x<=enemyTank.x+20
                                        &&heroBullet.y>=enemyTank.y&&heroBullet.y<=enemyTank.y+30){
                                        enemyTank.isLive=false;
                                        heroBullet.isLive=false;
                                        var bomb=new Bomb(enemyTank.x,enemyTank.y);
                                        bombs.push(bomb);

                                    }
                                break;
                                case 1: 
                                case 3:
                                    if(heroBullet.x>=enemyTank.x&&heroBullet.x<=enemyTank.x+30
                                        &&heroBullet.y>=enemyTank.y&&heroBullet.y<=enemyTank.y+20){
                                        enemyTank.isLive=false;
                                        heroBullet.isLive=false;
                                        var bomb=new Bomb(enemyTank.x,enemyTank.y);
                                        bombs.push(bomb);

                                    }
                                break;
                            }
                        }
                }
            }
        }
}

function isHitHero(){
    for(var i=0;i<enemyTanks.length;i++){
            var enemyTank=enemyTanks[i];
            if(enemyTank.isLive){
                 for(var j=0;j<enemyBullets.length;j++){
                        var enemyBullet=enemyBullets[j];
                            if(hero.isLive){
                                switch(hero.direct){   
                                case 0: 
                                case 2:
                                    if(enemyBullet.x>=hero.x&&enemyBullet.x<=hero.x+20
                                        &&enemyBullet.y>=hero.y&&enemyBullet.y<=hero.y+30){
                                        hero.isLive=false;
                                        enemyBullet.isLive=false;
                                        var bomb=new Bomb(hero.x,hero.y);
                                        bombs.push(bomb);
                                        document.getElementById("aa").innerText = "你真菜！";

                                    }
                                break;
                                case 1: 
                                case 3:
                                    if(enemyBullet.x>=hero.x&&enemyBullet.x<=hero.x+30
                                        &&enemyBullet.y>=hero.y&&enemyBullet.y<=hero.y+20){
                                        hero.isLive=false;
                                        enemyBullet.isLive=false;
                                        var bomb=new Bomb(hero.x,hero.y);
                                        bombs.push(bomb);
                                        document.getElementById("aa").innerText = "你真菜！";
                                    }
                                break;
                            }
                    }
                }
            }
        }
}

function drawEnemyBomb(){

    for(var i=0;i<bombs.length;i++){

        var bomb=bombs[i];
        if(bomb.isLive){

            //更据当前这个炸弹的生命值，来画出不同的炸弹图片
            if(bomb.blood>6){  
                var img1=new Image();
                img1.src="bomb_1.gif";
                var x=bomb.x;
                var y=bomb.y;
                img1.onload=function(){
                    cxt.drawImage(img1,x,y,30,30);
                }
            }else if(bomb.blood>3){
                var img2=new Image();
                img2.src="bomb_2.gif";
                var x=bomb.x;
                var y=bomb.y;
                img2.onload=function(){
                    cxt.drawImage(img2,x,y,30,30);
                }
            }else {
                var img3=new Image();
                img3.src="bomb_3.gif";
                var x=bomb.x;
                var y=bomb.y;
                img3.onload=function(){
                    cxt.drawImage(img3,x,y,30,30);
                }
            }

            bomb.bloodDown();
            if(bomb.blood<=0){
                bombs.splice(i,1);

            }
        }
    }
}
zuo12138
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
坦克大战进阶第三版：防止重叠、击杀记录、存盘退出、背景音乐等
sunyusong666的博客
05-22 875
坦克大战进阶第三版：防止重叠、击杀记录、存盘退出、背景音乐等
韩顺平坦克大战5--防止敌人坦克重叠的优化实现
qq_44624753的博客
11-30 244
韩顺平java中P647-P649，给出了防止敌人坦克碰撞的八种情况，代码太多了不想敲。”的方法需要在一个case中调用4次，总共调用16次。因此遍历enemyTanks的循环外面应该还有个两次的while循环，每次传入一个this坦克的点。现在就剩下最后一个问题：一个this坦克需要判断两个点，在一个enemyTanks的循环中，只判断了一个点，怎么办？形参：（点的x坐标，点的y坐标，矩形左上角x坐标，矩形左上角y坐标，矩形的宽度wide，矩形的高度high）4. 自然的，我们发现，在3的条件下。
坦克大战系列三：从零编写【坦克大战】
你好, 我在学java的博客
12-15 672
坦克移动问题
HTML5坦克大战（韩顺平版本）
weixin_30340745的博客
03-22 341
HTML5坦克大战（韩顺平版本） 2017-3-22 22:46:22bySemiconductorKING 　　去年暑假学习了一下HTML5实现简单的坦克大战，觉得对JavaScript初学者来说，练习这个小游戏代码段可以学到很多东西，包括canvas的简单运用，类的构造，类的继承等等。编写一个完整的游戏要有较强的逻辑性，这个demo的学习视频以及demo文件下载见我分享的链接：...
HTML5 坦克大战游戏的制作思路
08-05 9519
BattleCity（坦克大战） github地址 在线试玩（使用ES6完成，浏览器版本过低无法打开） 整个游戏为我个人独立完成，基本上复原了85版的游戏，因为一开始写这个游戏的时候说实话连canvas都不懂，一直都是边学边改的状态，所以花费了二十来天的时间才写好。现在回过头再去看这个游戏其实并不算多么的复杂，一些基本的问题处理好就行——这也是这篇文章所想要说明的东西。如果有同学也想要自己写一
tk.rar_HTML5 tank game_hero_html5
09-24
HTML5编写经典的坦克大战,网页游戏版，ASDW四个键控制方向，适时显示子弹状态，定义一个Hero类，x 表示坦克的 横坐标, y 表示纵坐标, direct 方向，绘制坦克，画出自己的坦克，使用前面的绘图技术，其它的敌人坦克，...
Tank Wars 坦克大战 Constuct2 .capx Html5游戏项目源代码JS
04-03
Tank Wars 坦克大战 Constuct2 .capx Html5游戏项目源代码JS HTML5 游戏 120 个关卡 + 关卡构造器 + 移动！ 坦克大战 - 是很好的老式街机坦克！在战斗中，先生们！从 4 种成名之路中选择一种，从平静的公司到烦躁的...
Tank_Tank_palacewgz_Unity简单案例-坦克大战_express5oc_
10-04
本项目"Tank_Tank_palacewgz_Unity简单案例-坦克大战_express5oc_"是一个基于Unity引擎实现的经典坦克大战游戏的简化版本，旨在帮助初学者理解和掌握Unity在游戏编程中的应用。通过分析该项目，我们可以深入学习...
tank_java.rar_html坦克大战
09-14
此外，线程同步技术也可能被用来确保游戏的实时性和流畅性，例如使用synchronized关键字或者wait/notify机制来处理多坦克同时行动的并发问题。 HTML文件的加入，使得游戏可以通过浏览器直接运行，这可能是利用了...
tank_js.rar_html坦克大战_坦克大战 js
09-24
用JavaScript写的坦克大战，使用了JQUERY，点击tank.html即可。用IE打开时会在地址栏下弹出“为帮助保护您的安全，。。。”一行字，点击允许即可。支持单人和双人模式。具体操作按键见说明
Java笔记（二十五）：坦克大战【三】（IO流---存盘退出 / 继续上局、碰撞检测---防止坦克重叠）
欢迎~
07-30 243
IO流 - 应用到坦克大战 一、坦克大战6.0版 1、防止坦克重叠运动 当前坦克向上时：当左上角和右上角进入敌方坦克区域，则视为重叠 当前坦克向左时：当左上角和左下角进入敌方坦克区域，则视为重叠 当前坦克向下时：当左下角和右下角进入敌方坦克区域，则视为重叠 当前坦克向右时：当右上角和右下角进入敌方坦克区域，则视为重叠 变化： EnemyTank： 增加成员Vector enemys ，用于接收myPanel的Vector 编写方法isTouchEnemyTank，判断当前这个敌人的坦克,是否和 ane
HTML5经典小游戏之坦克（二）
郭晓湉
06-18 2823
上次写到坦克只能发出子弹 今天让坦克连续发射子弹 并击中敌人的坦克 那么问题来了？如何让子弹飞起来呢？ 思路: 1.动起来 --- 必然会用到定时器 2.在那用？按空格发子弹后 3.子弹动起来的思路：按钮的时候，先每隔50毫秒改变子弹的参考点的坐标，再刷新画布，每隔100毫秒再刷新一下画布，显示新位置的子弹 4.当子弹碰到画布边界的时候，让子弹停止 tankGam
100行JS代码实现❤坦克大战js小游戏源码 HTML5坦克大战游戏代码(HTML+CSS+JavaScript )
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
08-09 7747
坦克大战js小游戏源码 HTML5坦克大战游戏代码(HTML+CSS+JavaScript ) HTML5坦克大战网页小游戏，完美还原小霸王学习机效果，以坦克战斗及保卫基地为主题，属于策略型类游戏。 游戏介绍 操作说明： ：玩家1：wasd上左下右，space射击；玩家2：方向键，enter射击。n下一关，p上一关。 游戏的设计思路 1、要有作战区域，这有canvas 可以帮我们解决。 2、要有坦克，包括自己的、敌人的。 3、要能有子弹，包括自己的、敌人的。 4、要有炸弹。 5、我的坦克要能按键发射子弹，敌
HTML5之坦克大战游戏
快速成长的小菜鸟
12-21 949
主要关注问题：          学好html5canvas标签画出各种图型  包括图片 文字  图形      画坦克  敌人坦克   子弹          画布  坦克战场  定时刷新         子弹何时死亡  如何实现子弹飞效果          如何移动坦克 包括方向          如何让坦克发射子弹  如何让子弹自己沿着坦克发射的方向飞  打中敌人或者飞到边界让其
html5坦克大战中坦克移动代码。
little_newBee的博客
01-24 2550
看了韩顺平老师的html5公开课，照着写的，先写了坦克4个方向移动的代码。代码是自己写的，没有抄袭 Insert title here function hero(x,y,direct) { this.x=x; this.y=y; this.speed=2; this.direct=direct; this.moveUp=function
html坦克游戏,HTML5实现经典坦克大战坦克乱走还能发出一个子弹
weixin_29658015的博客
05-31 337
复制代码代码如下:tank.htmlhmtl5-经典的坦克大战数据//得到画布var canvas1=document.getElementById("tankMap");//得到绘图上下文(你可以理解是画笔)var cxt=canvas1.getContext("2d");//我的坦克 hero//方向var hero=new Hero(140,140,0,heroColor);//定义一颗空子...
html中怎样将画布变小,如何将百分比宽度放入html画布(无CSS)
weixin_32093689的博客
06-15 228
我有一个图像，并在它的顶部覆盖了一个画布，以便我可以绘制“图像”而不修改图像本身。 Sorry,your browser is not supported.我可以在上面的画布线中指定宽度和高度(以像素为单位)，它的效果非常好，但是我需要根据屏幕大小动态调整大小(必须在小型智能手机以及平板电脑上使用)。当我尝试将百分比放在上面所示的时候，它将它解释为像素。因此，画布将宽70像素，高60像素。由...
表单Form提交数据和PHP数据处理
热门推荐
zuo12138的博客
12-14 1万+
表单、PHP
C语言坦克大战源代码
最新发布
05-17
如果您想获取C语言坦克大战源代码，请在GitHub上搜索"tank"或者"tank battle"等关键字，你可以找到很多相关的项目和源代码。其中有些项目可能会提供完整的源代码，也有些项目可能只提供部分代码或者教程。您可以选择...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值