基于cocoscreator简单的打飞机源码_cocos源码网资源-CSDN文库

共634个文件

json：220个

meta：149个

png：122个

cocos

creator

cocos2d

需积分: 50 172 浏览量 2020-07-20 15:51:15 上传评论 2 收藏 5.21MB ZIP 举报

【基于Cocos Creator的简单打飞机游戏开发】 Cocos Creator是一款强大的2D游戏开发引擎，它结合了编辑器、框架和库，使得开发者能够高效地创建跨平台的游戏。本源码实现了一个基础版的打飞机游戏，让我们深入探讨其中涉及的关键技术和知识点。 1. **敌人队列管理**：游戏中的敌人通常是有序出现的，这需要用到队列数据结构。在Cocos Creator中，可以使用数组或链表模拟队列，通过添加新敌人到队尾，从队头移除已到达屏幕边缘的敌人，实现动态的敌人生成和消失。 2. **游戏对象与精灵（Sprite）**： Cocos Creator使用精灵表示游戏中的图像元素，如飞机、子弹和敌人。每个精灵都有位置、旋转、缩放等属性，可以通过脚本控制它们的行为。 3. **碰撞检测**：游戏中的碰撞检测是至关重要的，Cocos Creator提供了Box2D物理引擎支持，可以方便地进行矩形或圆形的碰撞检测。开发者需要编写逻辑来处理飞机与子弹、敌人之间的碰撞事件，触发相应的游戏状态改变，如消灭敌人、扣除生命值等。 4. **子弹系统**：子弹发射通常由玩家飞机控制，涉及到发射频率、速度和轨迹。Cocos Creator中，子弹对象可作为单独的精灵管理，通过定时器或事件触发子弹发射，并根据预设的速度和方向更新其位置。 5. **动画与效果**：打飞机游戏中的爆炸、射击等特效，可以利用Cocos Creator的动画组件实现。开发者需要创建动画帧序列，然后在特定事件（如碰撞）发生时播放相应动画。 6. **用户输入处理**：玩家的移动和射击指令需要被正确地捕获并响应。Cocos Creator支持键盘、鼠标和触摸输入，开发者需要监听这些输入事件，更新飞机的位置或发射子弹。 7. **游戏逻辑与状态管理**：游戏中的得分计算、敌人生成、游戏结束条件等都属于游戏逻辑。这部分通常通过JavaScript脚本来实现，将游戏状态（如分数、生命值）存储在全局变量中，并在合适的时候更新UI显示。 8. **资源管理**：游戏中的图片、音频等资源需要被加载和管理。Cocos Creator提供资源管理器，允许开发者在运行时按需加载资源，以减少启动时的内存占用。 9. **场景切换与生命周期**：游戏可能包含多个场景，如主菜单、游戏界面、结算页等。Cocos Creator支持场景间的切换，每个场景有自己的生命周期函数，用于初始化、更新和销毁场景中的资源。 10. **调试与性能优化**： Cocos Creator内置了调试工具，帮助开发者追踪代码错误、分析性能瓶颈。为了提高游戏性能，开发者需要合理组织代码，避免不必要的计算和内存浪费，确保游戏在各种设备上流畅运行。通过学习和理解以上知识点，开发者可以进一步拓展这个简单的打飞机游戏，添加更多的功能，如升级系统、道具、更多类型的敌人等，提升游戏的趣味性和挑战性。同时，这些基础技术同样适用于其他2D游戏的开发，为你的游戏创作之路打下坚实的基础。

资源推荐

资源详情

资源评论

收起资源包目录

基于cocos creator简单的打飞机源码（634个子文件）

buffer.bin 157KB

a579b610-0aa7-4a8b-b36b-be34cc834dcc.bin 157KB

83f5eff8-3385-4f95-9b76-8da0aa1d96cd.bin 48KB

14c74869-bdb4-4f57-86d8-a7875de2be30.bin 46KB

3bbdb0f6-c5f6-45de-9f33-8b5cbafb4d6d.bin 46KB

b430cea3-6ab3-4106-b073-26c698918edd.bin 7KB

a1ef2fc9-9c57-418a-8f69-6bed9a7a0e7f.bin 5KB

7a17de6e-227a-46b1-8009-e7157d4d3acf.bin 4KB

046f172c-1574-488b-bbb8-6415a9adb96d.bin 840B

e93d3fa9-8c21-4375-8a21-14ba84066c77.bin 140B

style-mobile.css 3KB

style-desktop.css 2KB

builtin-toon.effect 6KB

__builtin-editor-gizmo.effect 3KB

__builtin-editor-gizmo-line.effect 2KB

builtin-2d-spine.effect 1KB

builtin-2d-sprite.effect 1KB

builtin-phong.effect 1021B

builtin-2d-gray-sprite.effect 963B

__builtin-editor-gizmo-unlit.effect 936B

builtin-unlit-transparent.effect 657B

builtin-unlit.effect 591B

builtin-clear-stencil.effect 421B

primitives.fbx 170KB

game.fire 15KB

home.fire 9KB

win_score.fnt 1KB

.gitignore 1KB

83bed84ea18b30da92297e88556bd562.gltf 19KB

index.html 3KB

favicon.ico 1KB

starfield.jpg 118KB

77ec33d6-8fc8-4eee-83a7-09c2379ec41a.jpg 118KB

splash_screen.jpg 73KB

373a4173-2ef2-4aff-9afb-9c4af26dd83e.jpg 73KB

cocos2d-js-min.js 1.78MB

project.js 7KB

main.js 6KB

settings.js 6KB

frame_anim.js 5KB

frame_anim.js 4KB

bd58fe86-dfce-4129-9602-068675cda2cf.js 4KB

enemy.js 3KB

player.js 3KB

80ba4777-3e48-4a46-9521-33b87edffcec.js 3KB

35ffb914-a5ef-4924-8d10-3e75d68e3900.js 3KB

enemy.js 3KB

player.js 2KB

game.js 2KB

home.js 2KB

bullet.js 2KB

a3548088-8595-4360-9512-828eee399381.js 2KB

cbabcb4c-5967-4177-87ed-7e253ac6d94d.js 2KB

game.js 2KB

home.js 2KB

bg.js 2KB

b92d1365-77bf-43a3-add4-cb32dfb340bd.js 1KB

bullet.js 1KB

978b46af-7bab-49f1-b36a-014f573abf6c.js 924B

bg.js 845B

abc2cb62-7852-4525-a90d-d474487b88f2.json 59KB

e2f00085-c597-422d-9759-52c360279106.json 56KB

e3920a15-03e9-4ab4-b05a-657ffe993d66.json 24KB

d1b8be49-b0a0-435c-83b7-552bed4bbe35.json 20KB

bf0a434c-84dd-4a8e-a08a-7a36f180cc75.json 20KB

5f51cb84-9988-412d-a53d-628665d17914.json 19KB

4c865f1d-f288-4907-8eb0-efc9981179b1.json 19KB

be3b0fad-e457-47ba-abe8-5d8327c8bee0.json 19KB

79907fe8-8b84-4ad8-9fd6-06928cec4c50.json 19KB

b81c8324-f88c-4ed6-ad31-6185f5befa6c.json 19KB

e15aa5c2-b0e6-4b6a-814c-cd4d18f07b5c.json 19KB

79eafaef-b7ef-45d9-9c3f-591dc836fc7a.json 18KB

6d91e591-4ce0-465c-809f-610ec95019c6.json 17KB

c705621a-7ff6-4473-8841-d27c40e32f8d.json 15KB

079499991.json 15KB

7a04061b-e5ff-4f95-96c1-f70a3165603c.json 15KB

29d6a8b6-701c-4e23-9022-545da1e2bfe0.json 15KB

39a4668c-e897-464d-8ea7-0861145d8881.json 15KB

672a55b5-edcc-4503-aedf-192ce3ef2187.json 15KB

115286d1-2e10-49ee-aab4-341583f607e8.json 15KB

79eafaef-b7ef-45d9-9c3f-591dc836fc7a.json 15KB

ca8401fe-ad6e-41a8-bd46-8e3e4e9945be.json 14KB

32044bd2-481f-4cf1-a656-e2b2fb1594eb.json 12KB

uuid-to-mtime.json 11KB

0bd58847d.json 10KB

6caeb185-601d-4a46-b2c7-7cb10ea80502.json 9KB

61aeb05b-3b32-452b-8eed-2b76deeed554.json 9KB

0d1b6f48a.json 9KB

0bfb1c5b2.json 9KB

430eccbf-bf2c-4e6e-8c0c-884bbb487f32.json 9KB

0c3ee2831.json 9KB

0f569fdec.json 9KB

0d5a81773.json 9KB

0f04a5734.json 9KB

01905c6de.json 7KB

06dffd913.json 7KB

共 634 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cocos Creator | plane</title>  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>  <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="format-detection" content="telephone=no">  <meta name="renderer" content="webkit"/> <meta name="force-rendering" content="webkit"/>  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="msapplication-tap-highlight" content="no">  <meta name="full-screen" content="yes"/> <meta name="x5-fullscreen" content="true"/> <meta name="360-fullscreen" content="true"/>  <meta name="screen-orientation" content=""/> <meta name="x5-orientation" content="">   <meta name="x5-page-mode" content="app">   <link rel="stylesheet" type="text/css" href="style-mobile.css"/> <link rel="icon" href="favicon.ico"/> </head> <body> <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas> <div id="splash"> <div class="progress-bar stripes"> <span style="width: 0%"></span> </div> </div> <script src="src/settings.js" charset="utf-8"></script> <script src="main.js" charset="utf-8"></script> <script type="text/javascript"> (function () { // open web debugger console if (typeof VConsole !== 'undefined') { window.vConsole = new VConsole(); } var splash = document.getElementById('splash'); splash.style.display = 'block'; var cocos2d = document.createElement('script'); cocos2d.async = true; cocos2d.src = window._CCSettings.debug ? 'cocos2d-js.js' : 'cocos2d-js-min.js'; var engineLoaded = function () { document.body.removeChild(cocos2d); cocos2d.removeEventListener('load', engineLoaded, false); window.boot(); }; cocos2d.addEventListener('load', engineLoaded, false); document.body.appendChild(cocos2d); })(); </script> </body> </html>

评论收藏

内容反馈