引擎:主程渲染

news2024/11/30 10:42:54

一、引擎发展  

二、引擎使用

1.游戏渲染流程

 

2.3D场景编辑器操作与快捷键

3.节点的脚本组件

脚本介绍

引擎执行流程

物体节点、声音组件\物理组件\UI组件、脚本组件


暴露变量到面板 

4.节点的查找

基本查找

this.node:挂载当前脚本的节点A;

this.node.parent:获取A节点的父节点;

this.node.children:获取A节点的所有子节点;

this.node.getChildrenByName/this.node.getChildrenByPath:获取A节点的指定子节点;

find:查找场景中的节点;

 ​​

其它查找 

添加节点

5.节点的事件

新版事件

    start () {
        input.on(Input.EventType.TOUCH_START, this.loadPlayingScenes, this)
        input.on(Input.EventType.TOUCH_START, this.loadMainScenes, this)
    }

触摸事件

  • TOUCH_START:触摸开始;
  • TOUCH_END:触摸结束;
  • TOUCH_MOVE:触摸滑动;
  • TOUCH_CANCEL:触摸撤销

 

键盘事件 

  • KEY_DOWN:按下;
  • KEY_UP:抬起;
  • 根据keyCode得到按下的值对应的键盘按键值

其它知识

 

6.节点的MashRender组件使用

预制体简介

  • 再“资源管理器中”创建预制体,然后拖到场景中就可以克隆使用,切记不能修改预制体,否者其它引用了当前预制体的地方就会跟着发生变化;
  • 如果要给预制体绑定事件则必须将其变为普通节点才能添加脚本;

代码方式创建预制体到场景

给当前节点的父节点添加一个预制体,即在摄像机的父节点是场景,在场景下创建一个新的预制体;

 

代码方式更换物体材质

下面是手动方式创建了一个材质球赋予红色,最后通过代码方式更换材质球样式;

开启节点的阴影

  • 默认情况下引擎为了性能所以没开启阴影;
  • 开启步骤:开启场景的阴影 -> 给需要产生阴影的物体开启cast

 

7.节点的动画

动画效果分为实时计算和烘培两种模式,前者效果好但性能消耗大,后者快但效果没得实时渲染的好;

动画切割与使用 

脚本控制动画播放

让其它物体与动画模型的某个骨节点一起摇动:

8.摄像机使用与分组管理

游戏场景中一般有两个摄像机,一种是透视投影用来展示游戏物体,另一种是正交投影用来展示ui物体;

 

 

9.UI界面

Button按钮

创建一个按钮

按钮禁用

精灵模式

颜色模式

缩放模式 

绑定点击事件

EditBox输入框

Layout布局

支持水平排列、垂直排列、背包排列

PageView页面视图

ProgressBar进度条

RichText富文本

 绑定点击事件

事件可以被其它标签包裹

图文混排

ScrollView滚动视图

content大小不要调整,加个layout布局组件让其自动撑开即可

案例1

案例2

Slider滑动器

Toggle复选框

ToggleGroup单选框

VidoPlayer播放器

WebView网页视图

Widget对齐

 在不同的设备屏幕上让内容一直靠右上角进行适配

Mask遮罩

托头像到空节点中 

给父组件添加遮罩组件

效果

材质球

创建

使用

10.Json格式

11.网络请求

12.自定义Animation

如果系统的动画组件播放动画有问题,那么可以考虑自定义动画组件来实现对应的效果;原理是在update中更换图片帧即可

原理

代码

启用

测试

13.粒子系统

Cocos Creator 3D的粒子系统真心非常强大,理论上可以实现各式各样的牛逼效果。

官网详见说明文档

简单火焰效果

  1. 首先,我请UI小姐姐做了一张火焰的图片,是这样的

 

  1. 新建材质,取名叫FireMaterial

可以看到,可供粒子系统使用的 Effect 有红框中的三种,这里我们要使用的就是builtin-particle。

  • builtin-particle:提供给粒子系统的 渲染模块(Renderer) 中的 ParticleMaterial 使用,当使用cpu渲染时,必须使用此Effect,这个也是默认选项。
  • builtin-particle-gpu:提供给粒子系统的 渲染模块(Renderer) 中的 ParticleMaterial 使用,当使用gpu渲染时,必须使用此Effect。
  • builtin-particle-trail:提供给粒子系统的 渲染模块(Renderer) 中的 TrailMaterial 使用。
  1. 然后,我们把美术小姐姐准备好的图片拖到 MainTexture 上,别忘记保存哦。

 

  1. 新建一个粒子系统,取名Fire2,展开 渲染模块(Renderer) ,将材质 FireMaterial 拖入到 ParticleMaterial 中。

 

  1. 我们想要的效果是,固定显示四个序列图中的随机一张,
  • 勾选 贴图动画模块(TextureAnimationModule),通过对材质的观察,我们可以看到图片是2*2的序列图。
  • 将 横向贴图帧数(NumTilesX) 设置为2。
  • 将 纵向贴图帧数(NumTilesY) 设置为2。
  • 将 **一个生命周期内播放几次循环(CycleCount)**设置为1,默认值0.
  • 将 一个周期内动画播放的帧与时间变化曲线(FrameOverTime) 选择两个常数的方式,设置为0~3,这样初始帧就会在4个序列中随机。 

 贴图动画模块(TextureAnimationModule)设置

 

  1. 展开 发射器模块(ShapeModule) ,将 粒子发射器半径(Radius) 设置为0,因为我们希望火焰从一个点内产生,而不是一个大的范围。
  2. 接下来对 主模块 进行设置。
  • 将 粒子系统运行时间(Duration) 设置为1,默认值是5。火焰是不断循环的,不需要那么久的运行时间。
  • 将 粒子系统所能生成的最大粒子数量(Capacity) 设置为30,默认值是100。
  • 将 每秒发射的粒子数(RateOverTime) 设置为30,默认值是10.粒子数量太多太少了都达不到预期的效果。
  • 将 粒子生命周期(StartLifetime) 选择两个常数的方式,设置为0.3~0.4,火焰的粒子不需要运行太久。
  • 将 粒子初始速度(StartSpeed) 设置为0.1,默认值为5,让火焰有微微跳动的感觉。
  • 将 粒子初始大小(StartSize) 选择两个常数的方式,设置为0.50.8,这样粒子的大小就会在0.50.8这个范围内随机。
  • 将 StartRotation(StartRotation) 选择两个常数的方式,设置为-30~308,给粒子添加随机不同的旋转角度。
  • 将 粒子受重力影响的系数(GravityModifier) 设置为-1,火焰应该是向上漂浮的,所以我们给他一个向上的重力系数。

 此时可以看到,现在有点像火焰的感觉了,不过火焰并不是向上运动的,而是在自己的坐标系内向着Y轴正方向运动的,这显然不是我们想要的效果。

  • ​ 将 控制粒子坐标计算所在的坐标系(SimulationSpace) 设置为World,默认是Local,这样火焰的运动就就在使用世界坐标系了。

来,看看疗效

 主模块参数设置

  1. 最后一步,给火焰上上色,勾选 颜色模块(ColorOverLifetimeModule),调节一个你需要的颜色。

 

  1. 通过,调节不同的颜色参数,可以达到很多不同的火焰特效。

 热情洋溢

 冷冽冰焰

要想把火焰效果做的完美,我们还需要,做一些锦上添花的优化,比如不断升起的火星,忽明忽暗的火光,这样才会更逼真。

不断升起的火星

  1. 新建粒子系统,命名为Spark。
  2. 展开 发射器模块(ShapeModule) 。
  • 将 粒子发射器半径(Radius) 设置为0.2,让发射器的半径和火焰的半径差不多就可以了。
  • 将 开合角度(Angle) 设置为0,让圆锥形的发射器变成圆柱形的发射器。

 

  1. 主模块设置
  • 将 粒子系统运行时间(Duration) 设置为1,保持和火焰一致就好。
  • 将 粒子系统所能生成的最大粒子数量(Capacity) 设置为20,火星的数量不宜过多。
  • 将 每秒发射的粒子数(RateOverTime) 设置为20.
  • 将 粒子生命周期(StartLifetime) 选择两个常数的方式,设置为0.30.5,火星生成之后大概0.30.5秒就会消失。
  • 将 粒子初始大小(StartSize) 选择两个常数的方式,设置为0.08~0.12,火星的尺寸可以设置的小一点。
  • 将 粒子初始速度(StartSpeed) 设置为8,默认值为7,让火星能达到的最大高度稍微高过火焰就好。

 

  1. 最后一步,调节一下火星的颜色,勾选 颜色模块(ColorOverLifetimeModule),具体颜色可根据实际情况随意调节。

 由黄变红的渐变色

  1. 看一下火星的效果

 火星效果

  1. 结合火焰一起的效果。

 配合上火星的火焰效果

 配合上火星的火焰效果

忽明忽暗的火光

  1. 新建粒子系统,命名为Light。

  2. 展开 发射器模块(ShapeModule) 。

​ 将 粒子发射器半径(Radius) 设置为0.01,火光和火星不同,只需要让它在很小的方位内生成就行了。

  1. 主模块 设置。
  • 将 粒子系统运行时间(Duration) 设置为1。
  • 将 粒子系统所能生成的最大粒子数量(Capacity) 设置为5,火光只需要很少的数量不断生成就可以了。
  • 将 每秒发射的粒子数(RateOverTime) 设置为5。
  • 将 粒子初始速度(StartSpeed) 设置为0,火光不需要运动,只需要在原地就好。
  • 将 粒子生命周期(StartLifetime) 选择两个常数的方式,设置为0.2~0.5,让粒子最长的生命周期比最短的还要大一倍,能最大程度感觉到闪动的效果。
  • 将 粒子初始大小(StartSize) 选择两个常数的方式,设置为1~2,以生成不同大小的火光。
  • 将 粒子初始颜色(StartColor) 设置为接近火焰的颜色。

 

 

  1. 火光成品效果

 闪动的火光效果

 最终效果

14.物理组件

给地形加上​MeshCollider碰撞体组件然后给角色加上RigidBody刚体组件和BoxCollide或CapsuleCollider等基础碰撞体组件即可实现这里碰撞感应并防止角色落入地下。

三、Shader渲染

1.shader渲染原理

创建Shader脚本,创建材质球,将物体的的渲染效果Shader脚本挂载到材质球,最后把材质球挂到3d物体上面从而实现渲染。

2.模型边缘发光案例

原理:正对着摄像机的模型三角面边缘光最弱垂直于摄像机的模型三角面边缘光最强。利用顶点法线,正对着摄像机的面边缘光因子为0,垂直于摄像机的面边缘光因子为1。

 

四、实战案例

1.聊天

使聊天框的内容跟随文字显示

2.动画效果

创建动画片段

制作动画正向

 绑定动画播放完毕后要执行的脚本和传入的参数

制作反向动画

绑定使用动画

脚本控制动画

控制动画播放和显示对应图标

注意事项

默认不勾选

绑定脚本

五、开发技巧

1.修改ts默认模板,自定义模板

2.设置其它编辑器

3.将摄像机对准当前界面

选中摄像机后,按ctrl shift f实现定位当前视角到摄像机

4.消息机制

原理介绍

运用场景:可以把各个节点脚本给管理起来让其相互调用时看上去不杂乱无章

编写源码

消息类,用于节点脚本/消息中心之间传递数据消息,比如NPC的铁匠要UI刷新血量

接收消息基类,用于节点脚本继承后拥有接收消息的统一能力 

管理类,用于管理下级节点脚本,如UI管理类、NPC管理类 

消息中心类,用于管理下面的管理类,如管理UI管理类、NPC管理类

实际运用

其实玩家可以直接操作血条控件的,这里做了一层转换目的是为了防止以后各个组件网状调用很难维护很乱,但是如果只有几个脚本的游戏无需用套模式

角色

UI控件

玩家类脚本(消息发生者)

下面是源码

UI管理类脚本(消息传递者)

下面是源码

UI子脚本(消息接收者)

测试

5.状态机制

原理介绍

运用场景是:有很多个状态,并且同一个时间点只有一个任务在执行,用状态机制可以把状态封装到内部,外面直接调用状态机的方法即可切换,提高代码阅读性和可扩展性;

编写源码

状态基类

状态管理器

实际运用

飞行状态

死亡状态

控制状态的物体(绑定死亡和飞的事件)

六、打包发布

1.发布到WX平台

好像需要具备云函数能力的appid。

报错:app.json。参考

2.发布到Android平台

下载AndroidStudio

下载AndroidSDK

在android studio的sdk manager中安装sdk

选择安装位置后一路下一步安装 

下载AndroidNDK

 配置SDK和NDK

sdk是开发包,ndk是编译包

 

下载C++库

Windows 下需要安装 Visual Studio 2017/2019 社区版。在安装 Visual Studio 时,请勾选 使用 C++ 的桌面开发 和 使用 C++ 的游戏开发 两个模块。注意修改安装位置到其它盘符。

 配置环境变量

配置jdk、android sdk、android ndk环境变量

 构建发布

项目名称游戏名称不能含有中文,否则可能会打包失败。配置参数参见cocos官网

 

  

  

七、其它

1.安装插件

2.设置浏览器或开发工具

3.Webstorm整合Cocos

ECMAScript 6配置,见下图:

配置上Cocos Creator的源码路径,可以进一步提高Webstorm代码提示精度,见下图:

点击Add…按钮,添加Cocos Creator源码路径:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1667783.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

APP未上架应用市场,微信商户如何轻松开通APP支付?

在移动互联网时代,APP作为企业与用户之间的重要桥梁,其支付功能的完善与否直接关系到用户体验和企业的营收。然而,有些企业可能面临APP尚未上架应用市场的情况,这时如何开通微信APP支付功能呢?(需要超快捷高…

端午节线上活动方案怎么写?

一年一端午,一岁一安康。 如果您想组织端午活动,却不知道如何安排,可以看看何策网,有很多案例参考,仿造模板修改即可。 下面分享一个线上端午节活动策划方案,希望能帮到你! 端午节作为祭祖祈…

汽车线控转向系统介绍

汽车线控转向系统由方向盘总成、转向执行总成和主控制器(ECU)三个主要部分以及自动防故障系统、电源等辅助系统组成。 线控转向系统(Steering-By-Wire),取消了方向盘和转向车轮之间的机械连接部件,彻底摆脱了机械固件的限制,完全由电能来实现…

Postman历史版本安装与runner测试

前言 实际上就是笔者本地做demo,postman使用了最新版本,本身也没问题,不过postman不支持不登录做runner测试了,很多功能必须登录账号才能使用,否则只能使用http工具发送的能力,而postman本身就是一个简单工…

Modbus通讯协议初学

目录 Modbus通讯协议初学什么是Modbus?Modbus用来做什么?4个种类的寄存器协议速记功能码Modbus 报文帧示例解读 Modbus通讯协议初学 什么是Modbus? 顾名思义,它是一个bus,即总线协议。比如串口协议、IIC协议、SPI都是通讯协议。你接触到这种协议,相信你所处的行业是工业方…

远程点击没反应

目录 todesk远程登录后点击没反应 解决方法: 方法1 快捷键: 方法2 界面点击Ctrl Alt Delete todesk,向日葵远程登录后点击没反应 todesk远程登录后点击没反应 解决方法: 方法1 快捷键: Ctrl Alt Delete 方法…

大模型都在用的GQA是什么

论文:Training Generalized Multi-Query Transformer Models from Multi-Head Checkpoints 更详细内容直接看原文!!! 摘要 Multi-query attention(MQA)只使用一个键值头,大大加快了解码器推理…

【ArcGIS 小技巧脚本工具】批量修复CAD图层的数据源

当你打开ArcPro文档的时候,看到内容列表满屏红色感叹号。 新手可能会心脏骤停,久经沙场的规划人只会微微一笑。随机选中一个幸运的红色感叹号点击,打开更改数据源对话框,找到它原始的数据源,确定。 but。。。为啥只修复…

C++小程序:同一路由器下两台计算机间简单通信(2/2)——客户端

客户端的程序结构前半部分与服务器端基本相同,后半部分也相对简单。相关函数的解释可以参考前文服务器端的内容。有关客户端的内容除个别地方外,就不再做长篇大论的解释。强调一点,如果将此程序移到其它电脑上运行,编译需要releas…

【基于 PyTorch 的 Python 深度学习】6 视觉处理基础:卷积神经网络(2)

前言 文章性质:学习笔记 📖 学习资料:吴茂贵《 Python 深度学习基于 PyTorch ( 第 2 版 ) 》【ISBN】978-7-111-71880-2 主要内容:根据学习资料撰写的学习笔记,该篇主要介绍了卷积神经网络的池化层部分和现代经典网络。…

Echarts旭日图的配置项,强大的层级关系展示图表。

ECharts中的旭日图(Sunburst Chart)是一种数据可视化图表,用于展示层级关系数据。它通常用于呈现树状结构或层级结构的数据,例如组织结构、文件目录结构、地理区域层级等。 旭日图通过圆形的方式展示数据的层级结构,每…

AI技术构建本地知识库的流程

构建本地知识库是一个复杂的过程,涉及以下几个步骤,使用大模型技术构建本地知识库是一种很有前途的方法。随着大模型技术的不断发展,我们可以期待本地知识库将变得更加智能、高效和准确。北京木奇移动技术有限公司,专业的软件外包…

Cloudflare国内IP地址使用教程

Cloudflare国内IP地址使用教程 加速网站: 首先我们添加一个 A 记录解析,解析 IP 就是我们服务器真实 IP: 然后侧边栏 SSL/TLS - 自定义主机名: 回退源这里填写你刚刚解析的域名,保存后回退源状态为有效再来接下的操作…

2-1 EXTI外部中断(gd32)

中断的概念 中断硬件结构/软件结构 EXTI中断 EXTI硬件结构 注:EXTI线在同一时刻只能连接一个GPIO口,如果我们先连接了PA0,然后又连接了PB0那么此时PA0这个IO口就失去作用。 中断触发函数 中断优先级 中断优先级 数值越小优先级越高,抢占优先级…

17 M-LAG 配置思路

16 华三数据中心最流行的技术 M-LAG-CSDN博客 M-LAG 配置思路 什么是M-LAG?为什么需要M-LAG? - 华为 (huawei.com) 1 配置 M-LAG 的固定的MAC地址 [SW-MLAG]m-lag system-mac 2-2-2 2 配置M-LAG 的系统标识符系统范围1到2 [SW-MLAG]m-lag system-nu…

程序员工作中常见问题,你遇到过几个?

在赛博朋克2077玩后感中,我提到,即便是在严谨的机制下,依然可能出现让人匪夷所思或是贻笑大方的问题。 那么今天,就以后端程序员的视角,盘点下从设计开发到上线的常见问题,看看大家中过几个。 01 设计与开…

解决ubuntu无法上网问题

发现是网络配置成了Manual手动模式,现在都改成自动分配DHCP模式 打开后,尝试上网还是不行,ifconfig查看ip地址还是老地址,怀疑更改没生效,于是重启试试。 重启后,ip地址变了,可以打开网页了 …

中间件的使用

中间件是全局使用 工厂函数定义中间件 middleware.py # 工厂函数的中间件 def simple_middleware(get_response):def middleware(request):print("在视图函数处理之前执行、、、、、")response get_response(request)print("在视图函数处理之后执行。。。。…

宝塔面板Java项目部署,五步轻松搞定

当涉及到正规的开发项目时,最终的上线部署是至关重要的一个环节。本文旨在以最简单便捷的方法来教你如何完成项目的部署工作。 1. SSH下载地址 项目完成后需要使用SSH终端进行项目部署,以确保安全的远程访问、和操作远程服务器。 Xshell (支持Windows系…

【数据结构】排序(一)—— 希尔排序(思路演进版)

目录 一、常见的排序算法分类 二、常见排序算法的实现 2.1插入排序 2.1.1基本思想 2.1.2直接插入排序 思路 step1.单趟控制 step2.总体控制 代码实现 测试 特性总结 2.1.3 希尔排序( 缩小增量排序 ) 基本思想 思路演进 🌈1.代码实现单组排序&#…