25堂开发课|Cocos Creator 完美复刻经典款飞行射击游戏,能否击中你的回忆?

本文主要是介绍25堂开发课|Cocos Creator 完美复刻经典款飞行射击游戏,能否击中你的回忆?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

去年年末,布道师放空通过25堂游戏开发课,带大家从零开始用 Cocos Creator 3.x 做出了一款 STG 游戏《鹰击长空》。今天,经过 Demo Team 小伙伴的深入优化,《鹰击长空》全套源码正式上线,大家可以在 Cocos Store 下载(源码和视频地址见文末)

e5d47e4bf522658ef836dec69f996c37.jpeg

空战题材的飞行射击类游戏《鹰击长空》由 Cocos 官方 Demo Team 推出,游戏完美复刻了 STG 玩法,玩家通过操纵一个物体发射子弹击毁敌机,同时躲避敌机的子弹,并在满屏弹幕中杀出一条生路。

飞行射击向来是游戏市场的一大热门品类,很大原因就在于其玩法简单,同时又有很高的可塑性。《鹰击长空》在特效、美术、规则上做足了功夫,用流畅的战斗体验、酷炫的画面表现、出乎意料的游戏设定,将求生和探索完美融合在一起。接下来,放空将和大家扒一扒《鹰击长空》中的那些技术实现亮点。

酷炫的美术特效

为了营造更强的视觉冲击力,我们给游戏加入了满屏弹幕效果、道具吸附效果、各种爆炸以及爆炸后的烟雾效果,这些效果大量采用了粒子+Shader 的方式来实现。

子弹弹幕

503fcde3cb70536354b43a60352302eb.png

游戏设计有多种子弹,每一个子弹都结合了面片+粒子特效/动画来实现。面片之间采用 GPU 合批选项,从而尽最大可能减少渲染 DrawCall;动画通常控制粒子的旋转,让粒子在移动发射的过程中不至于太生硬。

经典空战中雷电射击效果也必不可少。大家都知道,雷电光射击的过程中通常不会是一条笔直的光效,更多是会带有一定的扭曲或扰动。扭曲或扰动的效果通常有两种:

  • 一种是跟鞭子一样,有轻微甩动的。论坛开发者「七七八八」通过 Line 组件里的多段拼接实现了这一效果,感兴趣的可以移步论坛查看详细方案。

b6570915aa3defc0766a0083d0c91b09.gif

如何实现飞行射击中的「激光鞭」:

https://forum.cocos.org/t/topic/116770

  • 另一种是先设定一个笔直的面片,然后通过 Shader 在视觉上表现出激光扭曲来实现。为了减少碰撞检测上的开销,我们在《鹰击长空》中采用了这种方法。通过一张噪声纹理实现激光周边的泛光效果,利用运行时间与激光运动速度得到一个每帧动态变化的 UV,接着将 UV 应用到激光贴图与噪声纹理上,这样就实现了一个带扰动效果的周身泛光的激光效果。可以在项目里搜索 uvMove 查看实现方式。

960fe09a707b9b2ed8279dc1931d5f3c.gif

爆炸与烟雾

0cf2910830f4501d265fcbec09610b01.png

敌机被击落或 Boss 中的某一个部件被销毁都需要用到大量的爆炸以及烟雾特效。在灯光无法影响到粒子以及没有粒子碰撞等功能的前提下,《鹰击长空》通过多个节点不断去拆分和细化细节,实现更炫酷的爆炸效果:

  • 爆炸产生的火焰:粒子系统制作,利用粒子系统的 TextureAnimaionModule 功能播放火焰爆炸的序列帧图片。

  • 机体爆炸的碎片:粒子系统制作,由于使用真实的模型去制作飞机碎片比较消耗资源,因此选择了用一些块状的贴图来模拟飞机碎片。

  • 机体爆炸产生的黑烟:粒子系统制作,给烟雾粒子制作随机的大小、角度、透明度变化。

  • 机体爆炸的光晕:粒子系统制作,机体爆炸所产生的范围性的曝光,也是用贴图来模拟,相比用真实灯光制作来说,减少消耗。

  • 机体爆炸产生的火星颗粒:粒子系统制作,利用 VelocityOvertimeModule 使得粒子有个从高速喷射到减速的效果。

  • 机体爆炸产生的冲击波:粒子系统制作,用贴图模拟爆炸产生的气浪。

流畅的操作体验

移动控制

ee42441478f747f9119d3fa48329e557.png

作为一款飞行射击类游戏,玩家操纵飞机移动这一功能是基础中的基础。我们主要通过在游戏中监听 TOUCH_STARTTOUCH_MOVETOUCH_END 来获得触摸事件,由于触摸事件的位移坐标是以屏幕坐标来计算,而飞机是在 3D 世界下,所以这里需要进行坐标映射。

在游戏中我们采用了一个叫「衰减系数」的值来完成两者之间的坐标转换,让飞机不至于在手指快速移动的过程中出现瞬间移动。

子弹与敌机的生成和回收机制

319362e61493538af1de3e20bf64619a.png

大家可以看到,在游戏的运行过程中,不论是子弹还是敌机始终是源源不断产出的。在技术实现上,我们会把每一个子弹以及敌机都单独做成一个预制体,并且挂载上一个控制脚本执行自身的生命控制。初期,我们会在需要的时候去创建预制,不需要的时候销毁预制。但是伴随着需要创建以及销毁的物体越来越多,我们会发现游戏变得越发卡顿。这是因为预制创建需要经历一个实例化的过程,而这个过程是有一定开销的,伴随着物体的增加,开销也在不断地累加。

因此,我们采用了一个叫做「节点池」的功能来缓存节点。制定一个物体生成和回收机制,每次在需要的时候去池子里取物体,不需要的时候放回池子里,省去了重复利用的物体实例化的时间,从而节约运行时的开销。

机制与玩法巧思

时间减缓

在《鹰击长空》中,我们加入了一个比较有意思的机制,就是「时间减缓」。当游戏途中玩家手指离开屏幕,子弹和敌机移动的速度都将变得缓慢,从而让玩家在令人眼花缭乱的弹幕和道具中快速找到移动的出路,任谁都无法影响那要展示骚操作的手速。

596894c43cd39da95a81cf3e121ce33e.gif

有趣的玩法实现起来往往很简单,通过一个全局变量 GameManager.gameSpeed,在所有使用到速度的地方都乘以或者除以这个值,当监听到玩家手指离开屏幕后,改变这个 GameManager.gameSpeed 的值,那就可以实现减缓的效果。

难度选择

33ef0e864cb4b9683a7d2fc8084b5105.png

自选难度,可以让不同玩家拥有各自的游戏体验,并在难度升级中获得变大变强的满足感。《鹰击长空》提供了三种难度选择,通过增加飞机的产出频率、改变飞机的组合、增加飞机的血量、改变飞机子弹发射模式,逐步提升难度,刺激玩家生存的渴望。

通过 enemyManager.ts 可以看到,在代码实现上,我们为每一个组合都创建了一套实现方案,只需要在难度模式选择下去配置不同组合列表即可。

资源链接

现在点击文末【阅读原文】至 Cocos Store、或前往 Cocos 官方旗舰店下载《鹰击长空》全套源码(含策划文档、美术资源、工程源码),限时优惠价 ¥9.9

https://store.cocos.com/app/detail/3489

小伙伴们可以搭配放空的《鹰击长空》游戏开发视频教程了解学习,上手做自己的 STG 游戏吧!传送门:

http://bilibili.com/video/BV1HY411H7V5

往期精彩

d6e8cb2718434856241ea7b23efb038b.png

5d8e79a8f34b33d06066387549c106c1.png

d48ad19dd4a9650144b2db7e48c53f83.png

7eabaee89a3ae2ff5078574cc74d5b34.gif

这篇关于25堂开发课|Cocos Creator 完美复刻经典款飞行射击游戏,能否击中你的回忆?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/716133

相关文章

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

Hadoop企业开发案例调优场景

需求 (1)需求:从1G数据中,统计每个单词出现次数。服务器3台,每台配置4G内存,4核CPU,4线程。 (2)需求分析: 1G / 128m = 8个MapTask;1个ReduceTask;1个mrAppMaster 平均每个节点运行10个 / 3台 ≈ 3个任务(4    3    3) HDFS参数调优 (1)修改:hadoop-env.sh export HDFS_NAMENOD

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设

OpenHarmony鸿蒙开发( Beta5.0)无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息,即可快速实现设备配网,是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递,利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力,实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后,即可发送相关配网数据。同时还支持与常规Sof

【专题】2024飞行汽车技术全景报告合集PDF分享(附原数据表)

原文链接: https://tecdat.cn/?p=37628 6月16日,小鹏汇天旅航者X2在北京大兴国际机场临空经济区完成首飞,这也是小鹏汇天的产品在京津冀地区进行的首次飞行。小鹏汇天方面还表示,公司准备量产,并计划今年四季度开启预售小鹏汇天分体式飞行汽车,探索分体式飞行汽车城际通勤。阅读原文,获取专题报告合集全文,解锁文末271份飞行汽车相关行业研究报告。 据悉,业内人士对飞行汽车行业

活用c4d官方开发文档查询代码

当你问AI助手比如豆包,如何用python禁止掉xpresso标签时候,它会提示到 这时候要用到两个东西。https://developers.maxon.net/论坛搜索和开发文档 比如这里我就在官方找到正确的id描述 然后我就把参数标签换过来

Linux_kernel驱动开发11

一、改回nfs方式挂载根文件系统         在产品将要上线之前,需要制作不同类型格式的根文件系统         在产品研发阶段,我们还是需要使用nfs的方式挂载根文件系统         优点:可以直接在上位机中修改文件系统内容,延长EMMC的寿命         【1】重启上位机nfs服务         sudo service nfs-kernel-server resta

【区块链 + 人才服务】区块链集成开发平台 | FISCO BCOS应用案例

随着区块链技术的快速发展,越来越多的企业开始将其应用于实际业务中。然而,区块链技术的专业性使得其集成开发成为一项挑战。针对此,广东中创智慧科技有限公司基于国产开源联盟链 FISCO BCOS 推出了区块链集成开发平台。该平台基于区块链技术,提供一套全面的区块链开发工具和开发环境,支持开发者快速开发和部署区块链应用。此外,该平台还可以提供一套全面的区块链开发教程和文档,帮助开发者快速上手区块链开发。

Vue3项目开发——新闻发布管理系统(六)

文章目录 八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染 4、退出功能实现①注册点击事件②添加退出功能③数据清理 5、代码下载 八、首页设计开发 登录成功后,系统就进入了首页。接下来,也就进行首页的开发了。 1、页面设计 系统页面主要分为三部分,左侧为系统的菜单栏,右侧

v0.dev快速开发

探索v0.dev:次世代开发者之利器 今之技艺日新月异,开发者之工具亦随之进步不辍。v0.dev者,新兴之开发者利器也,迅速引起众多开发者之瞩目。本文将引汝探究v0.dev之基本功能与优势,助汝速速上手,提升开发之效率。 何谓v0.dev? v0.dev者,现代化之开发者工具也,旨在简化并加速软件开发之过程。其集多种功能于一体,助开发者高效编写、测试及部署代码。无论汝为前端开发者、后端开发者