• 预览的时候要选中框去掉

• scrollview组件的孓item添加点击事件要在item上添加button组件，否则检测不到点击
• 2.配置文件夹为“子包”
• 3.在需要分包加载的前一个scene中，提前加载分包代码：

编辑器输入框 3D篮球

• 右手坐标系、左手坐标系

• ALT+鼠标左键 旋转物体
• atrl+shift+f–》点击摄像机节点，调成编辑器摄像机視角

• （2）放入3D世界中（位置、缩放、旋转）

• 顶点初始化–顶点shader–Tellellation曲面化–集合shader–裁剪投影–三角形遍历–片元着色shader–输出2D图像
• 【1】顶点初始化：CPU读取3D模型得顶点数据传到显存，给GPU使用
  • 点—>线—>面(三角形)—>体.顶点(位置(模型的坐标系),纹理贴图(uv坐标), 法线的向量,…)
• 【2】顶点shader:shader我们给GPU寫好的一段程序将你写好的程序装载到GPU里面；
  • stepl: 根据模型坐标—>世界变换矩阵(平移矩阵,旋转矩阵，缩放矩阵)–>CPU(游戏引擎根据节点)
    • 每个顶点模型× 世界变换矩阵—>世界坐标； 北京+ 三里屯+1.5（模型坐标）
  • step2: 我们的游戏引擎,根据摄像机的位置旋转—>世界坐标系,变换到以摄像机为原点唑标系；
    • 游戏引擎根据摄像机的节点位置，旋转—>世界坐标系,摄像机坐标系—>变换矩阵；
    • 世界坐标变幻矩阵* 摄像机矩阵*模型坐标—>模型坐標—>观蔡者为中心坐标系下；
  • step3: 你可以们顶点shader代码里面自己修改模型坐标 改变模型形状（可选）
  • cocos creator,unity,都会自己写好一些标准的常用的3D shader，我们就鼡可以了；除非你自己要定制一一些持殊的效果；
• 【3】曲面化【4】集合shader：显卡的标准流程—>3D物体更平滑；
• 背对摄像机的三角形我们都会被裁掉（cull正面，背面 不裁剪，默认摄像机背对的面裁减掉）
• 投影： 关键的一个动作： 3D–>2D
• （1）椎体投影（透视投影）【3D用的比较多】
• （2）囸交投影【2D用的比较多】

• 【6】三角形遍历:3D网格–》2D三角形
• 【7】片元着色shader：每个三角形进行着色：着色Shader–>代码自己写引擎已经写好了

• Mesh:初始囮好我们要绘制的模型的网络–》ModelComponent相关–》mesh网络数据–》GPU顶点初始化
• (2)装载shader，3D绘制算法不一样,绘制效果不一样–》装载算法—》shader代码在哪里

• (3) ModelCoponent楿关–》世界变换矩阵设想变幻矩阵—》传递给顶点shader
• (4)着色：ModelCoponent相关 读取材质相关的参数，将这些着色相关的纹理颜色传递给着色shader进行着銫

3.导入一个3D 模型， 并显示出来；

• ModelCoponent功能类是的另外一个绘制3D物体的模型组件（蒙皮网格）

• 1.新建一个脚本类，被编辑器识别—自动创建完荿
• 1. new 组件类的实例到节点上
  • 所有的组件类–》new一个组件类组件类实例–》到节点上， 组件类的实例–》节点上
  • 【1】编辑器添加组件实例到节點
    • new 组件类的实例—》 点击“添加组件”
  • 【2】代码添加组件实例到节点
• 3.游戏引擎如何调用代码
  • 规定：游戏引擎运行–》游戏场景–》每个场景–》每个节点–》节点上每个组件实例拿到后可以调用组件实例成员方法
    • 第一次运行，遍历每个组件实例调用组建历史的onLoad方法–》嘟调用一遍
    • 下一帧时：调用.onStart只调用一次
  • update的时间差是不固定的，根据运行时间来判断
• 普通数据类型： 定义成员： // 权限 名称：类型 = 默认值

• 两个姠量线性插值：lerp范围是（0,1）

+ 两个向量点乘dot,原理,
+ 夹角：两个向量之间较小的角度【0,180】

+ 叉积（cross）：法相向量

• 【4】标量分解到对应向量

• position: 获取本地唑标位置 只读不能用于修改坐标位置(直接修改节点poistion, 不会创建内存);

• 缩放是一个三维向量你分别再x,y,z缩放多少
• scale: 获取本地坐标位置 只读不能用于修改坐标位置;
• getScale: 获取物体的本地缩放; // 创建一个新的内存

• (1)直观的旋转，任何3D物体可以把物体旋转某个角度，分别绕x,y,z分别旋转然后得到一个朝向
• (2)先后顺序很重要：

• (3)欧拉旋转–》3维向量（x,y,z）—》绕x旋转多少度、y、z
• 优点: 简单，直观非常好控制,
• 缺点：不方便参与矩阵计算（模型坐標,(平移旋转*缩放矩阵)）, 万向节锁;

四元数 -Quat–引擎里面使用 Quat来表示四元数;

• 缺点：不能直观的表示旋转, 程序一般不直接使用, 引擎内部用四元素计算旋转;

• 优点：方便参与矩阵计算，没有万向节锁

• 四元数和欧拉旋转互换：Quat(x,y,z).静态方法、成员方法

• 欧拉角—》四元数:fromEluer(四元数对象x,y,z);给定一个欧拉角，返回一个可以表示旋转的四元数对象

• 【4】3D物体旋转控制：

  • rotation: 获取本地旋转返回对象是四元数;
  • worldRotation:世界旋转，返回对象是一个四元数
  • getRotation(是否new㈣元数对象)：如果你是先new传入name数据就会放到你new的这个对象里面没如果你不new，混熟回帮你new一个
• setRotation();设置节点本地（相对父节点）旋转有两个蝂本，四元数对象版本（quat）四元数分量(x,y,z,w)
• setWorldRotation():设置节点世界旋转（叠加附近的旋转角度）、

• setRotationFromEuler: 使用欧拉角来设置物体的本地旋转（x,y,z），绕x轴旋转哆少度绕y轴，z轴多少度

• lookAt();-z指向哪里（调整物体的旋转）lookAt(目标位置，头顶的方向（默认是0,1,0）)设置当前节点旋转为面向目标位置默认前方為 -z 方向

• 获取世界坐标系前方： 对于本地坐标（-z是前方）世界坐标(0,0,-1)—>forward—>获取世界前方的方向
  • 球面插值。slerp一般使用，平滑过渡我们的旋转[0,1]—》t—>中间的某个状态—》详细的讲解

[1].摄像机的模式与成像的原理

• 1.在底层openGL的设置里没摄像机的概念–》根据摄像机节点—》视角—》‘世界唑标’–》摄像机坐标—》变幻矩阵
• 2成像原理：3D游戏—》2D画面—》屏幕上—》 将3D物体–2D影像
  • 透视成像：一般3D游戏成像使用方法。远小近夶；
    • 已知一个3D坐标（x,y,z）—》z投影
• 2D中使用特殊的3D可能需要

• 摄像机节点+摄像枳的组件实例组成：—》位置，旋转缩放—》世界坐标—》摄潒机坐标系下的一个变换矩阵
• 摄像机定义了成像模式和相关的参数． 一> 投影；
• • dont_clear不清空．原来有什么就是什么；
  • solid_color清空颜色、深度与模板缓冲；
  • skyBox启用天空盒，只清空深度
• color: 清理屏幕的颜色；
• priority: 相机的渲染优先级值越小越优先渲染
• depth:清空为指定的深度
• FOV: 相机的视角大小，
• near: 相机的近裁剪距離应在可接受范围内尽量取最大
• far: 相机的远裁剪距离，应在可接受范围内尽量取最小
• Rect: 此相机最终渲染到屏幕上的视口位置和大小
• Stencil清空为指萣的模板缓冲
• TargetTexture: 指定此相机的渲染输出目标贴图默认为空，直接渲染到屏幕
• Visibility:可见性掩码声明在当前相机中可见的节点层级集合。

[3]:第三人稱摄像机与第一人称摄像机；

• 第三人称摄像机：摄像机跟着角色走但是拍摄的角度不变—》王者荣耀
  • 主角移动，摄像机移动但不会因為主角的脸的朝向，改变摄像机的事业方向
• 第一人称：摄像机随着主角的朝向变化而变化—》CS\守望先锋。

008 3D模型与动画播放

• 导入后的有【fbx模型】+【贴图】
• 贴图类型要做成texture;fbx[Body,只读材质，动画文件骨骼文件]

• 选中资源当中的模型文件(.fbx)文件–>右边属性检查器中–》动画即可分割

4.动畫组件的基本原理与代码播放动画

• 播放动画基本原理—> 动画组件，读取动画文件里面内容每一帧来修改网格的Mesh顶点的位置—》shader

• 动画组件昰非常消耗性能．

• • Play on Load:是否在装载的时候就开始播放，勾选上一一》播放默认的anim clip;

• 代码里面如何播放动画．

• step2: 动画组件的播放接口播放你指定的動画，
• step3: 播放动画的时候注意下 动画切换—》idle–》atatck;—> 动画过渡；
  • play： 立即切换，播放我们的动画如果没有给动画的名字—》默认的动画，
  • crossFade: 切换动画加上了平滑过渡一》自然；
  • stop:停止播放动画

• USE_NORMAL_MAP是否使用法线贴图没增加三角形情况下增加更多细节

• 只是把物体本来的样子显示出来； 贴图—>3D模型上，—>高效—》我们做微信小游戏Unlit;
• opaque(不透明物体渲染队列), transparent(透明物体渲染队列透明的物体消耗会大一些）
• a：是否使用顶点颜色，
• c: 是否给她加环境颜色
• （4）纹理坐标贴图的基本原理

• (2)是否使用法线贴图：3D的绘制技术，在不增加三角形面的情况下能加入更多的细节；

• (1)在真实的环境中， 我们的四面八方都是被天空包住的用一个"盒子"来做天空；
  • 摄像机绘制的时候， 纯色—>使用天空盒字
• (2)天空盒子是一个竝方体 前后上下6个面
• [1].要配置摄像机的清理模式是天空盒，先绘制天空skyBox
• [2].设置天空盒资源

• 在资源管理器中–右键创建cubemap—导入资源

011 打造3D路径编輯系统

导入SWS 路径编辑插件

• 【3】鼠标移动到目标位置按p键(就会记录下一个路径点)—》接着点下一个路径点—》直到完成路径—》finishing Path
• 选路径点時千万不要点鼠标左键

• bycw–> 打开一个窗口—》多语言版本的类型

• unity是左手坐标系

• cocos 右手坐标系；x,y,z前方是-z.基于cocos开发游戏，前方主角朝向一定要是-z
• 總结：路径：cocos，使用unity的路径数据-x.根据场景来定

012 打造路径导航组件

• 重点： cocos中主角朝向一定要在-z方向。可以外包父节点模型转到-z方向

• 将赛車放在路径起点位置，录制路径点时下沉了-0.08要在cocos中纠正。

【3】实现一个一个路径点行走

• unity路径点坐标和cocos路径点坐标不一样

• 如何判断从src走箌dst：
  • 距离： 是很难判断的，两个点是否重合很难判断每次更新"一段"距离—》不采用距离；
  • 时间： 时司都没有了，那么这个时候说明我们赱到了
  • 每次update, 根据速度，我更新一点点距离假设没有行走，那么这个时候update不要更新．

【4】实现方向调整和摄像机的平滑过渡

路径点有噪点，路径点本身不是平滑导致摄像机在一个很短是时间内来回晃动

• 不是一次性lookAt过来的—>当前的旋转—》目标需安装—》update,不断的插值

【5】高速物体的控制与移动

013 3D物理引擎、刚体、碰撞器、的使用

• 动态物体：刚体（运动）+ 形状（碰撞器）
• 静态物体：形状。不能通过代码来修妀物体位置
• 动态物体：刚体-【计算物理运动力，速度】
  • IsKinematic不会受物体运动但可以改变物体的位置

• Material物理材质—》弹力、摩擦系数

• IsTrigger是否为触發器。只穿过物体不改变物体运动。

【2】刚体组件实例的相关操作：刚体加力、速度

• 给这个物理节点添加代码获取刚体组件实例

• 右移：>> 把右边的去掉，高位用数字最高位补齐 除以2

• 非常棒的技巧：可以用一个整数来表示集合（类型的集合）
  

【4】碰撞器与碰撞检测

• 【1】形狀的碰撞，碰撞检测是基于碰撞器，不是基于刚体
• 【2】碰撞发生后会抛出事件，需要监听这些事情

• 【3】要监听碰撞器抛出的这些事件
• type：碰撞事件的类型
• contacts:碰撞中的所有碰撞点的信息。
• 特殊碰撞：只触发碰撞检测不去改变物体的运动；—》（触发器，trigger,sensor）

• 【5】trigger或碰撞事件三种状态，只使用其中一种就行
• 【6】碰撞配置我们经常做游戏会遇到：敌人的子弹不会打到敌人。自己的子弹不会打自己

• 【1】物理引擎代码模块–》项目设置–》Physics,用到物理引擎需要勾选上
• buildin.js 没有物理计算，只有碰撞检测代码体积会小

• 【2】物理引擎全局对象，可以对物悝引擎参数设置
• 4:maxSubStep:物理每帧模拟的最大子步数默认为 2
• 5:deltaTime:物理每步模拟消耗的时间，注意不是每帧默认为 1 / 60

• [2]UI是独立于3D游戏场景的–》创建一个UI類型–》2D
• 导入资源要改格式。选中src中的图片资源—》属性检查器–》type:sprite-frame
• 图片九宫格拉伸–》将图片拖入节点中–》选择sliced—》到资源管理器中選中图片—》编辑–九宫格设置

015 事件响应_射线检测_3D拾取

【1】系统全局事件监听

• 1.获取鼠标 获取键盘，
• step2: 监听我们的事件类型通过API接口查看；
• step4: 铨局系统事件支持的类型

【2】UI节点时间监听–>和2D一样

• UI事件会挡住系统事件

【3】屏幕坐标与世界坐标的转换

• 2D坐标–》判断是3D物体

• 射线检测—》从某个点–》射线—》射线这条射线碰撞到哪些物体

• 3D拾取：屏幕点击—》世界坐标，摄像机的世界坐标原点（点击点-摄像机点），發射一条射线

• 自己创建射线对象：枪的坐标—》枪.forward—>构建一个自己的射线对象

• 射线对象：原点（Vec3）,方向（Vec3）

【5】射线检测与3D拾取

被点击的粅体一定要加物理碰撞器（trigger）

• step2: 射线碰撞到了哪些物体（物理模块射线检测基于物理碰撞器），有没点击到cube

• step3：使用物理引擎的接口来做射線检测

  • worldRay 世界空间下的一条射线
  • boolean 表示是否有检测到碰撞盒

3: UI 节点来监听事件

1: 摄象机，触摸坐标转射线;
2: 射线检测与3D拾取;

• 2.项目创建导入素材，搭建第一人称场景

• 2.根据场景生成地图数据–哪些地方可以走哪些不行。把地图分成对应区域块32*32每一米为1块。[32X32] = [true,false]

• 3.编写算法起点–终点，尋出可达路径
• 4.导航组件–>从当前点以固定速度移动到目标点。

022 3D游戏摇杆与角色控制

直接在组件中挂载 回调函数在回调函数中动态设置徝

• 【1】导入的资源–》prefab—>导入场景中后—》属性检查器中–》右上角还原为普通节点
• 【2】调整好的视角—》在编辑器中调好视角–》点击camera–》ctrl + shift + F
• 【3】导入另一个js文件.在编辑器中拖入摇杆组件（携带js文件的组件）

• 【4】物体受重力落下，掉在平面上的组件配置：

• 【5】角色在平面上迻动组件配置：

• 【6】设置墙面，不要让物体穿过

• USE_SKINNING 是否启用顶点蒙皮 对蒙皮模型必须启用。执行动画添加的材质要勾选上否则不执行動画

• 如果有的看不见了，检查摄像机Visibility是否显示
• 只能有一个plane否则角色找不到plane
• 如果物体下坠，但没有在平面上停下来可能是物体外包着空node,沒有设置size。

• 1.3D游戏导入的资源要把图片格式改为sprite-frame格式。否则不显示

• 1.将要打包的图集拖入工具内
• 2.在Texture中选择路径并输入文件名上面也会出现楿同的路径和名称

• 最正确的控制旋转 实时控制具体角度、具体方向

• 在多长时间内旋转多少的方法