LayaAirts飞机大战资源-CSDN下载

共99个文件

png：36个

js：35个

mp3：7个

LayaAir

typescript

飞机大战

游戏开发

5星 · 超过95%的资源需积分: 50 189 浏览量 2018-07-18 11:52:49 上传评论 2 收藏 2.12MB ZIP 举报

【LayaAir与TypeScript简介】 LayaAir是一款基于HTML5技术的游戏开发框架，它集成了ActionScript3、JavaScript和TypeScript三种编程语言，旨在提供高效、高性能的游戏开发环境。LayaAir支持2D和3D游戏开发，适用于网页、移动端和桌面应用，通过其强大的渲染引擎和丰富的API，开发者可以轻松创建出高质量的游戏。 TypeScript是JavaScript的一个超集，它添加了静态类型系统和一些高级特性，如类、接口和泛型等，提升了代码的可维护性和可读性。在LayaAir中使用TypeScript，可以更好地进行大型项目管理和团队协作，降低出错概率。【飞机大战游戏开发】 "飞机大战"是一个经典的街机游戏，通常包含玩家控制的飞机与敌机的对战，以及躲避各种障碍物的元素。在LayaAir中开发此类游戏，我们可以利用其提供的精灵（Sprite）、动画（Animation）和物理引擎（Physics）等模块。 1. **精灵与动画**：飞机、子弹、敌机等游戏对象都可以看作是精灵。我们可以创建精灵对象，并通过更换图像或播放序列来实现动画效果，如飞机的移动、开火和爆炸等。 2. **碰撞检测**：LayaAir提供了多种碰撞检测方法，如矩形碰撞、像素级碰撞等，用于判断飞机、子弹和敌机之间的接触，触发相应的游戏逻辑，如得分、扣除生命值或消除敌机。 3. **物理引擎**：对于更复杂的运动和交互，我们可以启用LayaAir的物理引擎，设置物体的重力、速度和弹性，模拟真实的物理行为，如飞机的飞行轨迹、子弹的轨迹以及敌机坠落。 4. **用户输入处理**：通过监听键盘事件，我们可以控制玩家飞机的移动和射击。例如，使用`Laya.Input.keyboard.on('keydown', this, function(event) {...})`来响应按键动作。 5. **游戏逻辑管理**：游戏的逻辑管理通常由一个或多个游戏状态机（GameStateMachine）实现，比如游戏开始、游戏进行、游戏结束等状态。每个状态对应一组不同的事件处理和更新逻辑。 6. **注释的重要性**：描述中提到“每一步都有具体到注释”，这在开发过程中非常重要。良好的注释能帮助开发者理解代码的功能，方便后期维护和团队协作。【具体实践】在`AirWar-10`这个项目中，我们可能能看到以下几个部分： 1. `main.ts`：项目的入口文件，通常包含了游戏的初始化和状态机的设置。 2. `Plane.ts`：飞机类的定义，包括飞机的属性（位置、速度等）和方法（移动、射击等）。 3. `Bullet.ts`：子弹类的定义，负责子弹的生成、发射和销毁。 4. `Enemy.ts`：敌机类的定义，可能包含敌机的生成、移动逻辑和碰撞处理。 5. `GameScene.ts`：游戏场景类，包含游戏的主要逻辑，如碰撞检测、得分计算等。 6. `assets`目录：存储游戏的图片、音频和其他资源。通过阅读和学习这些文件，你可以了解如何使用LayaAir和TypeScript构建一个简单的飞机大战游戏，逐步掌握游戏开发的基本技巧。

资源详情

资源评论

资源推荐

收起资源包目录

ts飞机大战源码.zip （99个子文件）

AirWar-10

bin

unpack.json 22B

res

atlas

rec 3KB

war.json 17KB

war.png 540KB

sound

game_over.mp3 14KB

achievement.mp3 9KB

bullet.mp3 8KB

enemy1_down.mp3 11KB

enemy3_down.mp3 13KB

enemy2_down.mp3 9KB

enemy3_out.mp3 12KB

index.html 3KB

Game.js.map 11KB

Game.js 13KB

BackGround.js.map 1KB

layaUI.max.all.js.map 2KB

layaUI.max.all.js 2KB

Role.js.map 3KB

GameInfo.js 2KB

BackGround.js 2KB

GameInfo.js.map 1KB

Role.js 4KB

war

background.png 26KB

libs

laya.ui.js 282KB

laya.filter.js 10KB

laya.particle.js 46KB

laya.device.js 33KB

bytebuffer.js 153KB

min

laya.core.min.js 247KB

laya.device.min.js 17KB

laya.debugtool.min.js 206KB

laya.d3Plugin.min.js 1KB

laya.d3.min.js 426KB

laya.ui.min.js 98KB

laya.tiledmap.min.js 26KB

laya.ani.min.js 68KB

laya.filter.min.js 5KB

laya.webgl.min.js 137KB

laya.particle.min.js 28KB

laya.html.min.js 13KB

laya.pathfinding.min.js 23KB

laya.d3.js 857KB

laya.core.js 500KB

laya.d3Plugin.js 3KB

laya.webgl.js 264KB

protobuf.js 207KB

laya.tiledmap.js 53KB

matter.js 306KB

laya.html.js 23KB

matter-RenderLaya.js 9KB

laya.ani.js 138KB

laya.debugtool.js 336KB

laya.pathfinding.js 53KB

laya

assets

war

enemy1_down2.png 3KB

enemy3_down6.png 7KB

ufo1.png 6KB

enemy3_fly1.png 32KB

label.png 1KB

background.png 26KB

enemy3_down4.png 45KB

bullet1.png 478B

hero_down3.png 20KB

bullet2.png 462B

enemy1_fly1.png 5KB

btn_pause.png 3KB

enemy3_down5.png 50KB

enemy1_down1.png 3KB

enemy2_down1.png 8KB

enemy3_down2.png 37KB

hero_fly1.png 15KB

enemy3_fly2.png 32KB

ufo2.png 6KB

enemy2_down4.png 3KB

enemy3_down1.png 35KB

hero_fly2.png 16KB

enemy1_down4.png 1KB

enemy3_hit.png 33KB

hero_down2.png 18KB

enemy2_down2.png 8KB

hero_down1.png 17KB

enemy3_down3.png 41KB

enemy2_fly1.png 11KB

blank.png 933B

hero_down4.png 6KB

enemy2_hit.png 7KB

enemy1_down3.png 4KB

enemy2_down3.png 10KB

pages

GameInfo.ui 4KB

.laya 1KB

AirWar.laya 54B

src

Role.ts 4KB

Game.ts 13KB

layaUI.max.all.ts 1KB

GameInfo.ts 1KB

BackGround.ts 1KB

tsconfig.json 147B

.laya

launch.json 1KB

tasks.json 231B

libs

LayaAir.d.ts 925KB

<!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <title>www.layabox.com</title> <meta name='viewport' content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' /> <meta name='apple-mobile-web-app-capable' content='yes' /> <meta name='full-screen' content='true' /> <meta name='screen-orientation' content='portrait' /> <meta name='x5-fullscreen' content='true' /> <meta name='360-fullscreen' content='true' /> <meta http-equiv='expires' content='0' /> </head> <body>    <script type="text/javascript" src="libs/laya.core.js"></script>  <script type="text/javascript" src="libs/laya.webgl.js"></script>  <script type="text/javascript" src="libs/laya.ani.js"></script>  <script type="text/javascript" src="libs/laya.filter.js"></script>  <script type="text/javascript" src="libs/laya.html.js"></script>  <script type="text/javascript" src="libs/laya.particle.js"></script>  <script type="text/javascript" src="libs/laya.tiledmap.js"></script>  <script type="text/javascript" src="libs/laya.ui.js"></script>  <script type="text/javascript" src="libs/matter.js"></script> <script type="text/javascript" src="libs/matter-RenderLaya.js"></script>       <script src="js/ui/layaUI.max.all.js"></script> <script src="js/GameInfo.js"></script> <script src="js/Role.js"></script>    <script src="js/BackGround.js"></script> <script src="js/Game.js"></script>  </body> </html>