javascript 飞机大战

最新推荐文章于 2024-03-09 10:25:08 发布
原创 最新推荐文章于 2024-03-09 10:25:08 发布 · 585 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript canvas

本文介绍了一个基于HTML5 Canvas的游戏——飞机大战的实现过程。游戏包括五个阶段：欢迎、过渡动画、运行、暂停和结束。文章详细讲解了如何通过JavaScript进行游戏逻辑设计，包括背景动画、角色行为、碰撞检测等关键部分。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<!DOCTYPE html>
<html>
 <head>
  <title>飞机大战</title>
  <meta charset="utf-8" />
 </head>
 <body>
  <!-- <div>布局 -->
  <div style="margin:0 auto;width:480px; height:650px;background:#323232; text-align:center;vertical-align:middle">
<canvas id="canvas" width="480px" height="650px"></canvas>
  </div>
  <script>
// 游戏的初始化
//  获取<canvas>元素,并且创建画布对象
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
//  定义5个常量,分别表示游戏的5个阶段
const START = 0; // 第一阶段:欢迎阶段
const STARTTING = 1;// 第二阶段:过渡动画阶段
const RUNNING = 2; // 第三阶段:运行阶段
const PAUSED = 3; // 第四阶段:暂停阶段
const GAMEOVER = 4; // 第五阶段:结束阶段
//定义游戏的状态,表示当前是哪个阶段
var state = START;
// 获取当前画布的宽度和高度
const WIDTH = canvas.width;
const HEIGHT = canvas.height;
//  定义我方飞机的生命值
var life = 3;
//  定义游戏的得分
var score = 0;


// 完成游戏的开始(欢迎)阶段
// 完成背景图片的绘制及移动的效果
// 加载游戏背景图片
var bg = new Image();
bg.src = "images/background.png";
//  初始化游戏背景图片的数据
var SKY = {
imgs : bg,//背景图片
width : 480,
height : 852
}
//  创建背景图片的构造器
function Sky(config){
// 定义属性
this.imgs = config.imgs;
this.width = config.width;
this.height = config.height;
// 定义绘制的第一张图片的y值
this.y1 = -this.height;
// 定义绘制的第二张图片的y值
this.y2 = 0;
// 定义用于控制背景图片移动速度
this.time = 0;
// 定义绘制方法
this.paint = function(){
context.drawImage(this.imgs,0,this.y1);// 第一张
context.drawImage(this.imgs,0,this.y2);// 第二张
}
// 定义移动方法
this.step = function(){
this.time++;
if(this.time%5==0){
// 两张图片向下移动 - y++
this.y1++;
this.y2++;
}
// 判断两张图片是否移出画面
if(this.y1 > HEIGHT){
this.y1 = -this.height;
}
if(this.y2 > HEIGHT){
this.y2 = -this.height;
}
}
}
// 创建背景图片的对象
var sky = new Sky(SKY);

//  完成游戏LOGO图片的绘制
// 加载游戏LOGO图片
var logo = new Image();
logo.src = "images/start.png";


// 从第一阶段到第二阶段
canvas.onclick = function(){
// 保证游戏当前是第一阶段
if(state == START){
state = STARTTING;
}
}


//完成游戏的第二阶段(过渡阶段)
// 加载动画图片
var loadings = [];
loadings[0] = new Image();
loadings[0].src = "images/game_loading1.png";
loadings[1] = new Image();
loadings[1].src = "images/game_loading2.png";
loadings[2] = new Image();
loadings[2].src = "images/game_loading3.png";
loadings[3] = new Image();
loadings[3].src = "images/game_loading4.png";
// 2.2 初始化动画图片的数据内容
var LOADING = {
imgs : loadings,
width : 186,
height : 38,
sum : loadings.length
}
// 创建动画图片的构造器
function Loading(config){
this.imgs = config.imgs;
this.width = config.width;
this.height = config.height;
this.sum = config.sum;
// 定义存储图片数组的索引值
this.index = 0;
// 定义切换动画图片速度
this.time = 0;
// 定义绘制方法
this.paint = function(){
context.drawImage(this.imgs[this.index],0,HEIGHT-this.height);
}
// 定义动画方法
this.step = function(){
this.time++;
if(this.time%20==0){
// 切换数组的角标
this.index++;
}
// 判断this.index == 4,游戏进入到第三阶段
if(this.index == this.sum){
// 游戏进入到第三阶段
state = RUNNING;
}
}
}
// 创建动画图片的对象
var loading = new Loading(LOADING);


// 完成游戏的第三阶段(运行阶段)
// 我方飞机的逻辑
//  加载我方飞机的图片
var heros = [];
heros[0] = new Image();
heros[0].src = "images/hero1.png";
heros[1] = new Image();
heros[1].src = "images/hero2.png";
// 增加我方飞机爆破动画的图片
heros[2] = new Image();
heros[2].src = "images/hero_blowup_n1.png";
heros[3] = new Image();
heros[3].src = "images/hero_blowup_n2.png";
heros[4] = new Image();
heros[4].src = "images/hero_blowup_n3.png";
heros[5] = new Image();
heros[5].src = "images/hero_blowup_n4.png";
//  初始化我方飞机的数据内容
var HERO = {
imgs : heros,
width : 99,
height : 124,
sum : heros.length,
length : 2
}
//  创建我方飞机的构造器
function Hero(config){
this.imgs = config.imgs;
this.width = config.width;
this.height = config.height;
this.sum = config.sum;
// 定义存储图片的数组索引值
this.index = 0;
// 定义绘制我方飞机的坐标值
this.x = (WIDTH-this.width)/2;
this.y = HEIGHT-this.height-30;
// 定义创建子弹速度
this.time = 0;
// 定义是否执行爆破动画的标识
this.down = false;
// 定义我方飞机正常图片的个数
this.length = config.length;
// 定义绘制方法
this.paint = function(){
context.drawImage(this.imgs[this.index],this.x,this.y);
}
// 定义动画方法
this.step = function(){
// 控制this.index的值 - 0和1之间的切换
/* 0 1 2(0)
this.index++;
if(this.index == 2){
this.index = 0;
}*/

if(this.down){
// 爆破动画图片的切换
this.index++;
// 当爆破动画执行完毕后
if(this.index == this.sum){
// 判断生命值是否为0
if(life > 0){
// 重新创建我方飞机
hero = new Hero(HERO);
}else{
// 生命值=0,结束游戏
state = GAMEOVER;
}
this.index = this.sum-1;
}
}else{
// 0 1 2(0)
this.index++;
this.index = this.index%2;
}
}


// 增加我方飞机的射击方法
this.shoot = function(){
this.time++;
if(this.time%20==0){
// 创建子弹对象,并且添加到数组中
var bullet = new Bullet(BULLET);
bullets[bullets.length] = bullet;
}
}


// 增加我方飞机被撞击后的逻辑
this.bang = function(){
// 我方飞机的生命值-1
life--;
// 我方飞机执行爆破动画
this.down = true;
// 将数组的角标切换的爆破动画的第一张
this.index = this.length;
}
}
// 创建我方飞机的对象
var hero = new Hero(HERO);
// 3.1.5 为<canvas>元素绑定mousemove事件
canvas.onmousemove = function(event){
if(state == RUNNING){
// a. 获取鼠标的当前坐标值(x,y)
var x = event.offsetX;
var y = event.offsetY;
// b. 将鼠标的当前坐标值,赋值给我方飞机的坐标值
hero.x = x-hero.width/2;
hero.y = y-hero.height/2;
}
}
//  完成子弹的逻辑
//  加载子弹图片
var bullet = new Image();
bullet.src = "images/bullet.png";
//  初始化子弹的数据内容
var BULLET = {
imgs : bullet,
width : 9,
height : 21
}
// 创建子弹的构造器
function Bullet(config){
this.imgs = config.imgs;
this.width = config.width;
this.height = config.height;
// 定义子弹的坐标值
this.x = hero.x + hero.width/2 - this.width/2;
this.y = hero.y - this.height - 10;
// 定义是否删除子弹的标识
this.canDelete = false;
// 定义绘制子弹的方法
this.paint = function(){
context.drawImage(this.imgs,this.x,this.y);
}
// 定义移动子弹的方法
this.step = function(){
this.y -= 2;
}


// 定义子弹被撞击后的逻辑
this.bang = function(){
this.canDelete = true;
}
}
//  创建用于存储子弹对象的数组
var bullets = [];
//  定义用于绘制所有子弹的函数
function paintBullets(){
for(var i=0;i<bullets.length;i++){
bullets[i].paint();
}
}
// 定义用于移动所有子弹的函数
function stepBullets(){
for(var i=0;i<bullets.length;i++){
bullets[i].step();
}
}
//  定义用于移出子弹的函数
function delBullets(){
// 遍历所有的子弹
for(var i=0;i<bullets.length;i++){
// 判断子弹 y <= -子弹的高度
if(bullets[i].y <= -bullets[i].height || bullets[i].canDelete){
bullets.splice(i,1);
}
}
}
//  完成敌方飞机的逻辑
// 加载敌方飞机的图片
var enemies1 = [];//小飞机
enemies1[0] = new Image();
enemies1[0].src = "images/enemy1.png";
// 小飞机爆破动画的图片
enemies1[1] = new Image();
enemies1[1].src = "images/enemy1_down1.png";
enemies1[2] = new Image();
enemies1[2].src = "images/enemy1_down2.png";
enemies1[3] = new Image();
enemies1[3].src = "images/enemy1_down3.png";
enemies1[4] = new Image();
enemies1[4].src = "images/enemy1_down4.png";
var enemies2 = [];//中飞机
enemies2[0] = new Image();
enemies2[0].src = "images/enemy2.png";
// 中飞机爆破动画的图片
enemies2[1] = new Image();
enemies2[1].src = "images/enemy2_down1.png";
enemies2[2] = new Image();
enemies2[2].src = "images/enemy2_down2.png";
enemies2[3] = new Image();
enemies2[3].src = "images/enemy2_down3.png";
enemies2[4] = new Image();
enemies2[4].src = "images/enemy2_down4.png";
var enemies3 = [];//大飞机
enemies3[0] = new Image();
enemies3[0].src = "images/enemy3_n1.png";
enemies3[1] = new Image();
enemies3[1].src = "images/enemy3_n2.png";
// 大飞机爆破动画的图片
enemies3[2] = new Image();
enemies3[2].src = "images/enemy3_down1.png";
enemies3[3] = new Image();
enemies3[3].src = "images/enemy3_down2.png";
enemies3[4] = new Image();
enemies3[4].src = "images/enemy3_down3.png";
enemies3[5] = new Image();
enemies3[5].src = "images/enemy3_down4.png";
enemies3[6] = new Image();
enemies3[6].src = "images/enemy3_down5.png";
enemies3[7] = new Image();
enemies3[7].src = "images/enemy3_down6.png";
// 3.3.2 初始化敌方飞机的数据内容
var ENEMY1 = {
imgs : enemies1,
width : 57,
height : 51,
sum : enemies1.length,
length : 1,
type : 0, //敌方飞机的类型
life : 1,  //敌方飞机的生命值
score : 1
}
var ENEMY2 = {
imgs : enemies2,
width : 69,
height : 95,
sum : enemies2.length,
length : 1,
type : 1, //敌方飞机的类型
life : 3,  //敌方飞机的生命值
score : 5
}
var ENEMY3 = {
imgs : enemies3,
width : 169,
height : 258,
sum : enemies3.length,
length : 2,
type : 2, //敌方飞机的类型
life : 10, //敌方飞机的生命值
score : 10
}
// 创建敌方飞机的构造器
function Enemy(config){
this.imgs = config.imgs;
this.width = config.width;
this.height = config.height;
this.sum = config.sum;
// 定义敌方飞机的类型
this.type = config.type;
// 定义敌方飞机的生命值
this.life = config.life;
// 定义绘制敌方飞机的坐标值
this.x = Math.random() * (WIDTH - this.width);
this.y = -this.height;
// 定义敌方飞机的速度
this.time = 0;
// 定义数组的索引值
this.index = 0;

// 定义表示是否执行爆破动画标识
this.down = false;//true表示执行爆破动画
// 定义表示是否删除敌方飞机标识
this.canDelete = false;//true表示可以删除
// 定义敌方飞机正常图片的数量
this.length = config.length;
// 定义敌方飞机对应的得分
this.score = config.score;


// 定义绘制方法
this.paint = function(){
// index - 报错:角标越界
context.drawImage(this.imgs[this.index],this.x,this.y);
}
// 定义移动方法
this.step = function(){
// 判断this.down的值
if(this.down){//执行爆破动画
this.time++;
if(this.time%5==0){
// 切换爆破动画的图片角标++
this.index++;
}

// 判断爆破动画是否执行完毕
if(this.index == this.sum){
// 爆破动画执行完毕,删除敌方飞机
this.canDelete = true;
// 解决错误,重新设置index值
this.index = this.sum-1;
// 累加游戏的得分
score += this.score;
}
/*
if(this.type == 2){//大飞机
this.index = 1;
}else{
this.index = 2;
}*/
}else{//正常情况
// 敌方飞机自上向下移动
this.time++;
switch (this.type){
case 0://小飞机
this.y++;
break;
case 1://中飞机
if(this.time%2==0){
this.y++;
}
break;
case 2://大飞机
this.index++;
this.index = this.index%2;
if(this.time%5==0){
this.y++;
}
break;
}
}


}


// 增加敌方飞机是否被撞击的判断规则方法
this.hit = function(compant){
//子弹|我方飞机 - 定义形参
//返回值为true,表示被撞击
return compant.x + compant.width > this.x &&
  compant.y < this.y + this.height &&
  compant.x < this.x + this.width &&
  compant.y + hero.height > this.y;
}
// 定义敌方飞机被撞击后的方法
this.bang = function(){
// 敌方飞机的生命值-1
this.life--;
// 判断敌方飞机的生命值如果等于0,执行爆破动画
if(this.life == 0){
// 执行爆破动画
this.down = true;
/*
* 操作this.index的值
* * 小、中飞机 - index从1开始
* * 大飞机 - index从2开始
*/
this.index = this.length;
}
}
}
// 创建用于存储敌方飞机的数组
var enemies = [];
// 创建用于创建敌方飞机的函数
function createEmeies(){
/*
* 创建敌方飞机 - 小、中、大
* * 创建一个 0-100 的随机整数
* * 小飞机 - 数量最多
*   * 0-90 几率
* * 中飞机 - 数量居中(比小飞机数量少)
*   * 90-99 几率
* * 大飞机 - 数量最少
*   * 人为规定逻辑 - 只能出现一个
*/
// a. 创建一个 0-100 的随机整数
var num = Math.floor(Math.random()*100);
if(num <= 80){// 小飞机
var enemy = new Enemy(ENEMY1);
enemies[enemies.length] = enemy;
}else if(num < 90){//中飞机
var enemy = new Enemy(ENEMY2);
enemies[enemies.length] = enemy;
}else{
//判断数组的第一个位置如果不是大飞机,创建大飞机添加到数组的第一个位置上(enemies[0])
if(enemies.length > 0 && enemies[0].type != 2){//创建大飞机
var enemy = new Enemy(ENEMY3);
enemies.splice(0,0,enemy);
}
}
}
//  创建用于绘制所有敌方飞机的函数
function paintEnemies(){
for(var i=0;i<enemies.length;i++){
enemies[i].paint();
}
}
// 3.3.7 创建用于移动所有敌方飞机的函数
function stepEnemies(){
for(var i=0;i<enemies.length;i++){
enemies[i].step();
}
}
//创建移出敌方飞机的函数
function delEnemies(){
for(var i=0;i<enemies.length;i++){
if(enemies[i].y > HEIGHT || enemies[i].canDelete){
enemies.splice(i,1);
}
}
}
//  创建用于判断敌方飞机是否被撞击的函数
function checkHit(){
// a. 遍历存储敌方飞机的数组
for(var i=0;i<enemies.length;i++){
// b. 获取每个敌方飞机
var enemy = enemies[i];
// c. 判断我方飞机是否撞击敌方飞机
if(enemy.hit(hero)){
// 判断bang()方法是否执行
if(!enemy.down && !hero.down){
// 处理敌方飞机被撞击后的逻辑
enemy.bang();
// 处理我方飞机被撞击后的逻辑
hero.bang();
}
}
/*
* d. 判断子弹是否撞击敌方飞机
*  * 遍历所有的子弹(存储子弹的数组)
*  * 判断每个子弹是否撞击敌方飞机
*/
for(var j=0;j<bullets.length;j++){
// 获取每个子弹
var bullet = bullets[j];
if(enemy.hit(bullet)){
if(!enemy.down&&!bullet.canDelete){
// 处理敌方飞机被撞击后的逻辑
enemy.bang();
// 处理子弹被撞击后的逻辑
bullet.bang();
}
}
}
}
}
// 创建绘制游戏得分和我方飞机生命值的函数
function paintText(){
context.font = "bold 24px 微软雅黑";
context.fillText("SCORE: "+score,10,30);
context.fillText("LIFE: "+life,400,30);
}


//完成游戏暂停阶段
canvas.onmouseover = function(){
if(state == PAUSED){
state = RUNNING;
}
}
// 鼠标离开游戏画面 - 暂停
canvas.onmouseout = function(){
if(state == RUNNING){
state = PAUSED;
}
}
// 绘制暂停图标
var paused = new Image();
paused.src = "images/game_pause_nor.png";


// 5 完成游戏结束的阶段
function gameOver(){
context.font = "bold 48px 微软雅黑";
context.fillText("GAME OVER",WIDTH/2-150,HEIGHT/2);
}

// 定义综合速度
var time = 0;
// 定义游戏的核心控制器
setInterval(function(){
/*
if(state==START){
sky.paint();//绘制背景图片
sky.step();//移动背景图片
context.drawImage(logo,20,0);//绘制LOGO
}else if(state==STARTTING){

}*/
sky.paint();//绘制背景图片
sky.step();//移动背景图片
switch (state){
case START:
context.drawImage(logo,20,0);//绘制LOGO
break;
case STARTTING:
loading.paint();//绘制动画图片
loading.step();//切换动画图片
break;
case RUNNING:
hero.paint();//绘制我方飞机
hero.step();//控制我方飞机动画
hero.shoot();//我方飞机的射击功能
paintBullets();//绘制所有子弹
stepBullets();//移动所有子弹
delBullets();//移出子弹
time++;
if(time%50==0){
createEmeies();//创建敌方飞机
}
paintEnemies();//绘制敌方飞机
stepEnemies();//移动敌方飞机
delEnemies();
checkHit();//判断敌方飞机是否被撞击
paintText();//绘制得分和生命值
break;
case PAUSED:
hero.paint();
paintBullets();
paintEnemies();
paintText();
context.drawImage(paused,WIDTH/2-30,HEIGHT/2-22.5);
break;
case GAMEOVER:
hero.paint();
paintBullets();
paintEnemies();
paintText();
gameOver();
break;
}
},10);

  </script>
 </body>
</html>
JavaScript实现飞机大战
编程界明世隐的博客
08-04 3万+
系列目录 1. JavaScript 贪吃蛇游戏 2. JavaScript 俄罗斯方块 3. JavaScript 扫雷小游戏 4. JavaScript 网红太空人表盘 引言： 之前我有用Java写过一个飞机大战，感觉挺受欢迎的，有的小伙伴想用Javasript写，我这次就按我的思路写了一个版本。 实现思路 分2张画布来实现，画布1仅仅用来绘制背景图，画布2用来绘制游戏相关的动态内容。 创建我方飞机 定时创建敌机 开启主线程，用来刷新画布2. 代码实现 编写页面 <!DOCTYPE html&
javascript飞机大战
liu197023的博客
03-21 669
文档结构如下 其中tool文件中只使用了随机数，audio中是存放的音乐文件，images中是己方和敌方飞机的图片。 HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view..
javascript实现飞机大战
01-02
打开html中的start界面开始运行，我方飞机发射子弹攻击敌机，我方飞机可上下左右移动，敌方飞机有小飞机，中飞机，大飞机；一共有5滴血，血量消耗完了之后，游戏结束，有飞机碰撞效果，碰撞期间不掉血，可以暂停游戏——出处（知了堂期末大作业）
原生JavaScript飞机大战
08-21
通过原生js实现了经典小游戏飞机大战，实现的功能比较简单，包括积分，开始游戏，暂停游戏和重新开始，比较适合刚学习js的朋友看看，希望能利于提升你的js编程。
JavaScript飞机大战
weixin_44217459的博客
12-28 875
引言 此游戏图片参照网络，自己依靠html、css、JavaScript编写，动画全部依靠原生js所写，没有使用其他js库。游戏按下鼠标即可拖动飞机进行移动。 准备工作 准备飞机大战各种元素图片(图片来源网络) 背景图片 飞机与敌机与子弹 　　　　　　 　　　　　 HTML代码部分 &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; ...
JavaScript飞机大战项目.rar
11-21
《JavaScript飞机大战项目详解》 JavaScript，作为一门广泛应用于网页和网络应用开发的脚本语言，是前端开发的重要基石。本项目"JavaScript飞机大战"旨在通过实战的方式，深入讲解JavaScript编程技术，以及如何利用...
HTML Javascript 飞机大战.rar
07-21
在"飞机大战"中，JavaScript是实现游戏逻辑的核心。它负责处理玩家的输入（如键盘控制飞机移动）、游戏对象的碰撞检测、分数计算、动画效果以及游戏的开始、暂停和结束等操作。 【CSS美化与布局】 Cascading Style...
JS实现飞机大战
06-28
html+css基本框架得搭建，定时器，方法，对象，基本循环语句实现简单的飞机大战
JavaScript 实现飞机大战
最新发布
qqrrjj2011的博客
03-09 1930
JavaScript实现飞机大战示例
基于JavaScript的飞机大战源码
08-06
分享一个基于JavaScript的飞机大战游戏源码，纯手写，如果对我的代码有更好的建议，可以给我留言。（玩法:上下左右控制，自动射击，z为大招）
JS编程实现-飞机大战游戏
05-04
游戏开发入门项目-飞机大战，使用js语言开发的web项目。
飞机大战-HTML-JavaScript-代码
05-24
一个web网页，用HTML写的，css样式、JavaScript也在里面，会动，有特效，学习前端的朋友可以试着下载来看看，有些地方是可以借鉴的，挺不错的
原生JS简单版飞机大战游戏
11-07
原生JS简单版飞机大战游戏
JavaScript制作简易的《飞机大战》
qq_46568518的博客
05-09 1273
JavaScript 碰撞检测 飞机大战
javascript 小游戏 --飞机大战 （单体单例）
周日王的博客
08-18 511
javascript 小游戏 –飞机大战 （单体单例） 最近跟着教学视频一边学习一边做了一个javascript的实战小游戏 话不多说 直接附上码源 &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; /*单例模式*/ window.onload = function(){ Game.ex...
JavaScript—飞机大战
diaopinglan6176的博客
05-06 409
今天来写个游戏，飞机大战 1，布局 2，思路 1，动态创建自己的飞机让它在规定的区域，跟着鼠标运动。 2，在自己飞机的上方，间隔1s生成子弹。子弹往上移动当top：0子弹消失 3，每隔1s产生敌机 top 0,left随机，敌机向下移动，敌机超过边距时。敌机消失。 4，子弹和敌机相遇时。子弹和敌机同时消失 3，代码 1，动...
javascript 飞机大战游戏
道阻且长，行之将至
06-07 687
飞机大战游戏
JavaScript（十九）飞机大战demo
We_jia的博客
02-21 998
用JS实现飞机大战小游戏，效果图如下： 说明：飞机产生子弹的速度并没有如此之快，为了录制gif图，缩短了时间； 思路分析 整体的思路用的是单例模式，使用的方法有构造函数，面向对象，继承等。 一、创建地图，使用的是图片，封装类的方法 二、创建用户飞机，使用封装类的方法 1.在创建用户飞机之前需要创建一个飞机类，之后创建用户飞机和敌机就可以使用继承 2.飞机用图片表示，故在构造飞机创...
JavaScript飞机大战案例
北枫林
05-14 638
效果图： <!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"> <titl
手写JavaScript飞机大战游戏源码分享
在解析给定文件信息时，我们可以得出几个关键知识点，围绕这些知识点，我们可以深入挖掘与“基于JavaScript的飞机大战源码”相关的技术细节和开发实践。 首先，“基于JavaScript的飞机大战源码”这一标题直观地告诉...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值