基于canvas的飞机大战小游戏改图版

最新推荐文章于 2022-02-09 17:31:52 发布
最新推荐文章于 2022-02-09 17:31:52 发布
阅读量197 收藏
点赞数 1
分类专栏： JavaScript案例 文章标签： canvas js 游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43666825/article/details/103656973
版权

在这里插入图片描述
在这里插入图片描述

html

<body>
    <canvas id="game" width="480" height="850"></canvas>
    <audio id="audio" src="media/ThePhoenix.mp3"></audio>
    <script src="js/planeWar.js"></script>
</body>

planeWar.js

/** @type {HTMLCanvasElement} */
var game = document.getElementById("game");
var ctx = game.getContext("2d");
//游戏开始
const START = 0;
//加载中
const LOADING = 1;
// 运行游戏
const RUNNING = 2;
//暂停游戏
const PAUSE = 3;
//游戏结束
const GAMEOVER = 4;
// 拿到宽高度
const WIDTH = game.width;
const HEIGHT = game.height;
// 游戏状态
var state = 0;
// 初始生命值
var life = 3;
// 初始得分
var score = 0;

var bgimg = new Image();
// bgimg.src = "img/background.png";
bgimg.src = "img/background.jpg";
// bgimg.src = "img/background2.jpg";


var startImg = new Image();
startImg.src = "img/start.png";

//  背景构造函数
function Background(bgimg) {
    this.width = WIDTH;
    this.height = HEIGHT;
    this.x1 = 0;
    this.y1 = 0;
    this.x2 = 0;
    this.y2 = -this.height;
    this.paint = function() {
        ctx.drawImage(bgimg, this.x1, this.y1, this.width, this.height)
        ctx.drawImage(bgimg, this.x2, this.y2, this.width, this.height)
    }
    this.time = 0;
    this.step = function() {
        this.time++;
        if (this.time % 5 == 0) {
            this.y1++;
            this.y2++;
            if (this.y1 == this.height) {
                this.y1 = 0;
                this.y2 = -this.height;
            }
        }
    }
}
//  实例化一个背景
var _background = new Background(bgimg);

game.addEventListener("click", function(e = e || window.e) {
    // console.log(e.offsetX, e.offsetY);
    var audio = document.getElementById("audio");
    if (state === START) {
        if (e.offsetX > 180 && e.offsetX < 305 && e.offsetY > 503 && e.offsetY < 535) {
            state = LOADING;
        }
        if (e.offsetX > 217 && e.offsetX < 270 && e.offsetY > 582 && e.offsetY < 609) {
            if (audio.paused) {
                audio.play();
            } else {
                audio.pause();
            }
        }
    }
    if (state == PAUSE) {
        if (e.offsetX > 180 && e.offsetX < 305 && e.offsetY > 503 && e.offsetY < 535) {
            state = RUNNING;
        }
        if (e.offsetX > 217 && e.offsetX < 270 && e.offsetY > 582 && e.offsetY < 609) {
            if (audio.paused) {
                audio.play();
            } else {
                audio.pause();
            }
        }
    }
    if (state == GAMEOVER) {
        // console.log(e.offsetX, e.offsetY);
        if (e.offsetX > 188 && e.offsetX < 297 && e.offsetY > 551 && e.offsetY < 576) {
            life = 3;
            score = 0;
            _loadingImgs.index = 0;
            _myPlane.index = 0;
            state = LOADING;
            timer = setInterval(gameControl, 10);
        }
    }
})

var loadingImgs = [];
loadingImgs[0] = new Image();
loadingImgs[0].src = "img/game_loading1.png";
loadingImgs[1] = new Image();
loadingImgs[1].src = "img/game_loading2.png";
loadingImgs[2] = new Image();
loadingImgs[2].src = "img/game_loading3.png";
loadingImgs[3] = new Image();
loadingImgs[3].src = "img/game_loading4.png";
loadingImgs[4] = new Image();
loadingImgs[4].src = "img/game_loading5.png";
loadingImgs[5] = new Image();
loadingImgs[5].src = "img/game_loading6.png";
loadingImgs[6] = new Image();
loadingImgs[6].src = "img/game_loading7.png";
loadingImgs[7] = new Image();
loadingImgs[7].src = "img/game_loading8.png";
loadingImgs[8] = new Image();
loadingImgs[8].src = "img/game_loading9.png";
loadingImgs[9] = new Image();
loadingImgs[9].src = "img/game_loading10.png";

var LOADINGIMGS = {
    imgs: loadingImgs,
    length: loadingImgs.length,
    width: 400,
    height: 128,
}

function LoadingImgs(parameter) {
    this.imgs = parameter.imgs;
    this.length = parameter.length;
    this.width = parameter.width;
    this.height = parameter.height;
    this.index = 0;
    this.paint = function() {
        ctx.drawImage(this.imgs[this.index], 40, 198);
    }
    this.time = 0;
    this.step = function() {
        this.time++;
        if (this.time % 5 == 0) {
            this.index++;
        }
        if (this.index === this.length) {
            state = RUNNING;
        }
    }
}

var _loadingImgs = new LoadingImgs(LOADINGIMGS);

var myPlanes = [];
myPlanes[0] = new Image();
myPlanes[0].src = "img/hero1.png"
myPlanes[1] = new Image();
myPlanes[1].src = "img/hero2.png"
myPlanes[2] = new Image();
myPlanes[2].src = "img/hero_blowup_n1.png"
myPlanes[3] = new Image();
myPlanes[3].src = "img/hero_blowup_n2.png"
myPlanes[4] = new Image();
myPlanes[4].src = "img/hero_blowup_n3.png"
myPlanes[5] = new Image();
myPlanes[5].src = "img/hero_blowup_n4.png";

var MYPLANES = {
    imgs: myPlanes,
    length: myPlanes.length,
    width: 99,
    height: 124
}

function MyPlanes(parameter) {
    this.imgs = parameter.imgs;
    this.length = parameter.length;
    this.width = parameter.width;
    this.height = parameter.height;
    this.x = WIDTH / 2 - this.width / 2;
    this.y = HEIGHT - this.height - 10;
    this.index = 0;
    this.isCrashed = false;
    this.paint = function() {
        ctx.drawImage(this.imgs[this.index], this.x, this.y);
    }
    this.step = function() {
        if (this.isCrashed) {
            //发生了碰撞
            this.index++;
            if (this.index == this.length - 1) {
                life--;
                // console.log(life);
                if (life == 0) {
                    state = GAMEOVER;
                } else {
                    _myPlane = new MyPlanes(MYPLANES);
                }
            }
        } else {
            if (this.index == 0) {
                this.index = 1;
            } else {
                this.index = 0;
            }
        }
    }
    this.crashed = function() {
        this.isCrashed = true;
    }
    this.time = 0;
    this.shoot = function() {
        this.time++;
        if (this.time % 10 == 0) {
            var bul = new Bullet(BULLET);
            bul.type = 0;
            shootOutBullets.push(bul);

            var bul1 = new Bullet(BULLET);
            bul1.type = 1;
            shootOutBullets.push(bul1);

            var bul2 = new Bullet(BULLET);
            bul2.type = -1;
            shootOutBullets.push(bul2);
        }
    }
}

var _myPlane = new MyPlanes(MYPLANES);

var bullet = new Image();
bullet.src = "img/bullet1.png";
var BULLET = {
    imgs: bullet,
    width: 15,
    height: 45,
    type: 0,
}

function Bullet(parameter) {
    this.imgs = parameter.imgs;
    this.width = parameter.width;
    this.height = parameter.height;
    this.x = _myPlane.x + _myPlane.width / 2 - this.width / 2;
    this.y = _myPlane.y - this.height + 40;
    this.isDisappear = false;
    this.paint = function() {
        if (this.type == 0) {
            ctx.drawImage(this.imgs, this.x, this.y);
        } else if (this.type == 1) {
            ctx.drawImage(this.imgs, this.x - 30, this.y + 20);
        } else if (this.type == -1) {
            ctx.drawImage(this.imgs, this.x + 30, this.y + 20);
        }
    }
    this.step = function() {
        this.y -= 5;
    }
    this.crashed = function() {
        this.isDisappear = true;
    }
}

var shootOutBullets = [];

function paintShootOutBullets() {
    for (let i = 0; i < shootOutBullets.length; i++) {
        shootOutBullets[i].paint();
    }
}

function stepShootOutBullets() {
    for (let i = 0; i < shootOutBullets.length; i++) {
        shootOutBullets[i].step();
    }
}

function delShootOutBullets() {
    for (let i = 0; i < shootOutBullets.length; i++) {
        if (shootOutBullets[i].y < -shootOutBullets[i].height || shootOutBullets[i].isDisappear) {
            shootOutBullets.splice(i, 1)
        }
    }
}

game.addEventListener("mousemove", function(e = e || window.e) {
    if (state == RUNNING) {
        this.style.cursor = "none";
        _myPlane.x = e.offsetX - _myPlane.width / 2;
        _myPlane.y = e.offsetY - _myPlane.height / 2;
    } else {
        this.style.cursor = "pointer";
    }
    // console.log(e.offsetY);
})

window.addEventListener("keydown", function(e = e || window.e) {
    if (state == RUNNING) {
        if (e.keyCode == 37) {
            _myPlane.x -= 10;
        }
        if (e.keyCode == 38) {
            _myPlane.y -= 10;
        }
        if (e.keyCode == 39) {
            _myPlane.x += 10;
        }
        if (e.keyCode == 40) {
            _myPlane.y += 10;
        }
        // this.console.log(e.keyCode);
    }
})

// 小飞机数组
var sPlane = [];
sPlane[0] = new Image();
sPlane[0].src = "img/enemy1.png";
sPlane[1] = new Image();
sPlane[1].src = "img/enemy1_down1.png";
sPlane[2] = new Image();
sPlane[2].src = "img/enemy1_down2.png";
sPlane[3] = new Image();
sPlane[3].src = "img/enemy1_down3.png";
sPlane[4] = new Image();
sPlane[4].src = "img/enemy1_down4.png";

// 小飞机信息
var SPLANE = {
    imgs: sPlane,
    length: sPlane.length,
    width: 57,
    height: 51,
    planeType: 1,
    life: 1,
    score: 5,
}

// 中等飞机
var mPlane = [];
mPlane[0] = new Image();
mPlane[0].src = "img/enemy2.png"
mPlane[1] = new Image();
mPlane[1].src = "img/enemy2_down1.png"
mPlane[2] = new Image();
mPlane[2].src = "img/enemy2_down2.png"
mPlane[3] = new Image();
mPlane[3].src = "img/enemy2_down3.png"
mPlane[4] = new Image();
mPlane[4].src = "img/enemy2_down4.png"

// 中等飞机信息
var MPLANE = {
    imgs: mPlane,
    length: mPlane.length,
    width: 69,
    height: 95,
    planeType: 2,
    life: 3,
    score: 10,
}

// 大飞机
var lPlane = [];
lPlane[0] = new Image();
lPlane[0].src = "img/enemy3_n1.png"
lPlane[1] = new Image();
lPlane[1].src = "img/enemy3_n2.png"
lPlane[2] = new Image();
lPlane[2].src = "img/enemy3_down1.png"
lPlane[3] = new Image();
lPlane[3].src = "img/enemy3_down2.png"
lPlane[4] = new Image();
lPlane[4].src = "img/enemy3_down3.png"
lPlane[5] = new Image();
lPlane[5].src = "img/enemy3_down4.png"
lPlane[6] = new Image();
lPlane[6].src = "img/enemy3_down5.png"
lPlane[7] = new Image();
lPlane[7].src = "img/enemy3_down6.png"

// 大飞机信息
var LPLANE = {
    imgs: lPlane,
    length: lPlane.length,
    width: 193,
    height: 110,
    planeType: 3,
    life: 6,
    score: 15,
}

// 飞机构造函数，所有飞机
function Plane(parameter) {
    this.imgs = parameter.imgs;
    this.length = parameter.length;
    this.planeType = parameter.planeType;
    this.width = parameter.width;
    this.height = parameter.height;
    this.life = parameter.life;
    this.score = parameter.score;
    this.index = 0;
    this.x = Math.random() * (WIDTH - this.width);
    this.y = -this.height;
    // 是否发生碰撞
    this.isCrashed = false;
    this.isDisappear = false;
    this.paint = function() {
        ctx.drawImage(this.imgs[this.index], this.x, this.y);
    }
    this.step = function() {
        if (this.isCrashed) {
            this.index++;
            if (this.index == this.length - 1) {
                this.isDisappear = true;
            }
        } else {
            this.y++;
        }
    }
    this.crashed = function() {
        this.life--;
        if (this.life == 0) {
            this.isCrashed = true;
            score += this.score;
        }
    }
    this.checkCrashed = function(opponent) {
        return (opponent.y + opponent.height > this.y) &&
            (opponent.x + opponent.width > this.x) &&
            (opponent.y < this.y + this.height) &&
            (opponent.x < this.x + this.width);
    }
}

var planes = [];

function planesPush() {
    var probability = Math.floor(Math.random() * 100);
    if (probability < 5) {
        planes.push(new Plane(SPLANE));
    } else if (probability > 98) {
        planes.push(new Plane(MPLANE));
    } else if (probability == 50) {
        for (var i = 0; i < planes.length; i++) {
            if (planes[i].planeType == 3) {
                break;
            }
        }
        if (i == planes.length) {
            planes.push(new Plane(LPLANE));
        }
    }
}

function paintPlanes() {
    for (let i = 0; i < planes.length; i++) {
        planes[i].paint();
    }
}

function stepPlanes() {
    for (let i = 0; i < planes.length; i++) {
        planes[i].step();
    }
}

function delPlanes() {
    for (let i = 0; i < planes.length; i++) {
        if (planes[i].y > HEIGHT || planes[i].isDisappear) {
            planes.splice(i, 1)
        }
    }
}

function planesCheckCrashed() {
    for (let i = 0; i < planes.length; i++) {
        // 判断是否与子弹相撞
        for (let j = 0; j < shootOutBullets.length; j++) {
            if (planes[i].checkCrashed(shootOutBullets[j])) {
                planes[i].crashed();
                shootOutBullets[j].crashed();
            }
        }
        if (planes[i].checkCrashed(_myPlane)) {
            planes[i].crashed();
            _myPlane.crashed();
        }
    }
}

game.addEventListener("mouseout", function() {
    if (state == 2) {
        state = PAUSE;
    }
});

var pauseImg = new Image();
pauseImg.src = "img/pause.png"



var timer = setInterval(gameControl, 10);

function gameControl() {
    ctx.textAlign = "left";
    ctx.textBaseline = "top";
    ctx.font = "30px HYShangWeiShouShuW-Regular";
    ctx.fillStyle = "#eee";

    var textScore = "SCORE: " + score;
    var textlife = "LIFE: " + life;
    _background.paint();
    _background.step();
    switch (state) {
        case START:
            ctx.drawImage(startImg, (WIDTH - startImg.width) / 2, 0);
            break;
        case LOADING:
            ctx.drawImage(startImg, (WIDTH - startImg.width) / 2, 0);
            _loadingImgs.paint();
            _loadingImgs.step();
            break;
        case RUNNING:
            _myPlane.paint();
            _myPlane.step();
            _myPlane.shoot();

            // 子弹绘制，移动，删除
            paintShootOutBullets();
            stepShootOutBullets();
            delShootOutBullets();

            planesPush();

            // 敌机绘制，移动，删除
            paintPlanes();
            stepPlanes();
            delPlanes();

            planesCheckCrashed();

            ctx.fillText(textScore, 10, 10);
            ctx.fillText(textlife, 370, 10);
            break;
        case PAUSE:
            _myPlane.paint();
            paintShootOutBullets();
            paintPlanes();

            ctx.fillText(textScore, 10, 10);
            ctx.fillText(textlife, 370, 10);

            ctx.drawImage(pauseImg, (WIDTH - pauseImg.width) / 2, 0);
            break;
        case GAMEOVER:
            _myPlane.paint();
            paintShootOutBullets();
            paintPlanes();

            ctx.textAlign = "center";
            ctx.fillText(textScore, 240, 400);
            ctx.fillText("重新开始", 240, 550);
            ctx.font = "50px HYShangWeiShouShuW-Regular";
            ctx.fillText("游戏结束", 240, 300);
            // ctx.fillText(textlife, 200, 450);
            // console.log("游戏结束");
            clearInterval(timer);
            break;
        default:
            break;
    }
}
袁成新（Chauncey Yuan）
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用小程序制作一个飞机大战小游戏
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
11-17 5211
此文主要基于微信小程序制作一个飞机大战小游戏，上手即用，操作简单。
canvas实习飞机大战小游戏
RoddyLD的博客
04-05 258
canvas实习飞机大战小游戏 具体实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>飞机大战</title> <style>
基于canvas飞机大战
08-28
基于canvas飞机大战特效，可以直接运行；基于canvas飞机大战特效，可以直接运行；基于canvas飞机大战特效，可以直接运行；基于canvas飞机大战特效，可以直接运行；基于canvas飞机大战特效，可以直接运行
使用canvas画布制作的飞机大战
07-28
使用canvas画布制作的飞机大战，比较简单的小游戏，适合用来了解画布,文件夹内包含项目的所有源码。 canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。 基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。 <canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。
canvas画布实现飞机大战
weixin_44049725的博客
12-26 566
对于一个游戏的开发，首先我们需要对其进行一个开发分析，其次再是进行实际代码实现；我们先分析一下具体怎么实现它： 游戏的状态： 一个游戏必须得有一个初始化界面吧，也就是它的初始状态，我们给它定义一个状态为：START； 初始化界面到游戏运行界面需要一个加载界面吧，这里我们给它定义一个状态为：LOADING ； 接着就是游戏运行状态了，我们给它定义为：RUNNING； 游戏中总得有个暂停的时候吧，这...
canvas绘制“飞机大战”小游戏，真香
热门推荐
HarmonyOSDev的博客
02-09 1万+
canvas是ArkUI开发框架里的画布组件，常用于自定义绘制图形。因为其轻量、灵活、高效等优点，被广泛应用于UI界面开发中。 本期，我们将为大家介绍canvas组件的使用。 目录 一、canvas介绍 二、canvas基础绘制方法 三、飞机大战小游戏绘制实践 一、canvas介绍 1. 什么是canvas？ 在Web浏览器中，canvas是一个可自定义width、height的矩形画布，画布左上角为坐标原点，以像素为单位，水平向右为x轴，垂直向下为y轴，画布内所有元素的位置基于原点.
canvas编写飞机大战
忘川的博客
12-21 677
整体分析 1、定义游戏状态 （1）游戏欢迎状态 START （2）游戏加载状态 LOADING （3）游戏运行状态 RUNNING （4）游戏暂停状态 PAUSE （5）游戏结束状态 GAMEOVER 2、定义游戏得分 score = 0 3、定义我方飞机生命值 life = 3 4、定义游戏开关 State = 0 代码实现 首先，我们先来编写背景，背景采用的思维方法是和和轮播图差不多的，就相...
canvas 飞机大战小游戏
01-19
《canvas 飞机大战小游戏》是一款基于HTML5的Canvas技术开发的轻量级互动娱乐应用，主要利用JavaScript编程语言实现。在这个小游戏里，玩家可以操控一架飞机在屏幕上移动，与敌机进行战斗，体验刺激的空战。下面将...
HTML5全民飞机大战小游戏.zip
08-25
HTML5全民飞机大战小游戏是一款基于HTML5技术开发的在线休闲娱乐游戏，它无需安装即可在浏览器上运行，为用户提供了方便快捷的游戏体验。HTML5作为现代网页开发的标准，以其强大的功能和跨平台兼容性，使得游戏开发...
基于canvas的飞机大战游戏设计思路和实现代码
07-18
基于canvas的飞机大战游戏设计思路和实现代码，其中包含一些技术功能：背景图片的循环上下移动、敌机的随机生成、三种类型的敌机不同速度表示、利用鼠标控制战机的移动、敌机与战机的碰撞检测、战机的边缘检测、子弹...
canvas飞机大战.zip
04-17
《canvas飞机大战》是一款基于HTML5的canvas技术与JavaScript编程实现的经典游戏。在这个游戏中，开发者巧妙地运用了canvas画布的特性，通过JavaScript控制游戏逻辑，为玩家呈现了一个激动人心的空战场景。 首先，...
js控制元素旋转速度
袁成新（Chauncey Yuan）
10-20 2172
本来是项目中需要画一个叉叉，在一个单独的html页面中利用四个三角形挡住父元素的背景颜色的方法画出来之后，一时兴起用js让它转了起来，最后写了两个按钮控制了速度。 源码： <!-- /* * @Author: Chauncey Yuan * @Date: 2019-10-20 20:46:37 * @Last Modified by: Chauncey Yuan * @Las...
JavaScript案例：H5 video自定义控制器
袁成新（Chauncey Yuan）
12-15 1553
video作为h5中新增的标签，定义视频，比如电影片段或其他视频流。 video在各个浏览器中的默认控件都不太一样，还不太好看，所以就得自定义 分享一个自己写的video控件，实现功能包括暂停/播放、进度条控制、音量调节、时间显示、全屏 全屏 html <div class="video"> <!-- 视频播放区 --> <video id="...
JavaScript案例：滑块调节元素颜色
袁成新（Chauncey Yuan）
11-23 1256
分享一个DOM案例，使用滑块去控制页面中某个元素的颜色 HTML页面： Red: <input type="range" name="gerColor" value="171" min="0" max="255" id="r"> <br> Green: <input type="range" name="gerColor" v...
js操作表格数据，DOM实现数据动态增删查改
袁成新（Chauncey Yuan）
12-01 1233
基本功能 demo中涉及到的管理员密码为：962464。当然啦，那是假的，代码里面能找到，随意修改，模拟敏感操作而生 1、增加 点击增加按钮，出现信息输入界面，输入完成后确认添加 2、删除 直接点击“删除”按钮 点击全选，出现“删除已选”按钮，删除已选项 任意点击某一项或多项前的选择框，出现“删除已选”按钮，删除已选项 3、查询 姓名、手机号、性别三者单独查询或者联合查询，模糊查询 4、排序 按学...
JavaScript：将输入的一串数字转换成中文大写，最高可写12位（千亿）
袁成新（Chauncey Yuan）
11-09 1192
将输入的一串数字转换成中文大写，最高可写12位（千亿） 例：输入：10000，输出：壹万 输入：10010，输出：壹万零壹拾 源码： function toChineseBig(num) { // 将接收到的num转换为字符串 var strNum = String(num); // 定义单位 var ...
JavaScript案例：根据籍贯的文本内容，更新二级联动显示
袁成新（Chauncey Yuan）
10-27 1129
之前在完成项目的过程中，遇到一个需求，需要将籍贯的文本信息显示到二级联动的下拉框中，用纯js写完了，现分享如下： html主要内容 <div class="stuNativePlace">湖北省宜昌市</div> <button class="show_btn">点击显示到二级联动菜单中</button> <br> <select ...
js全选按钮实现
袁成新（Chauncey Yuan）
11-04 1098
全选功能： 勾选或者取消全选按钮，其他按钮自动全部选中或者全部取消。 其他按钮未全部被选中时，全选按钮不勾选。 其他按钮全部被选中时，全选按钮自动勾选。 页面内容： <div> <ul> <li><input type="checkbox" id="check_all"><label for="check...
js数组去重四种方法简单比较
袁成新（Chauncey Yuan）
11-04 494
直接上代码。。。 定义一个只包含number、string、boolean三种类型的数组 var numList = [6, "vip", 234, 684, "ycx", "ycx", 8, 243, true, null, 452, 452, undefined, 37, 6, 2, undefined, 2, false, true, 8, 57]; 方法一： function uniqu...
基于Android的飞机大战手机游戏开发
"基于Android操作系统的飞机大战手机游戏的本科毕业设计文档" 这篇本科毕业设计论文主要探讨了如何在Android操作系统上开发一款名为“飞机大战”的手机游戏。作者魏铄是石家庄科技信息职业学院软件技术（游戏方向）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值