Cocos 3.x camera

Posted 2023-05-01

参考技术A

参考
Unity3D Camera设置结合OpenGL详细解读
Unity 对Camera 属性Clear Flags 的SkyBox/Solid Color/Depth Only深度解析

每帧绘制完后，都需要清空各种缓冲区，最主要的是color和depth，一个负责画面最终呈现的颜色，一个负责景深。重要的是，在当前Camera范围内color和depth会有被覆盖的可能性。在范围外的color和depth有被其它Camera使用的可能性。这里的清除很多时候是为了处理，在当前Camera范围外的区域。

就是用来填充，当前Camera范围内没有被绘制的区域。

没被选中的Layer会被当前Camera给剔除，不会渲染。过滤非选中层的方法有很多，可能都不会调用渲染函数，没必要使用OpenGL的剪裁功能。

正交ortho和透视perspective，以及剪裁平面，就是生成一个矩阵数据。

参考 正交相机与透视相机的区别
正交相机，三只羊一样大。

直接对应了，OpenGL的 glViewport 调用。

当有多个Camera的时候，每个Camera有自己的绘制空间区域和屏幕视口。所包含的物体会通过Camera的范围渲染出来。多个Camera的层级，决定了所包含物体的渲染顺序。这个数字从小到大，越来越靠近屏幕。

通用的几个shader选择，主要处理光照的。

可以把Camera渲染的画面，绘制到一个纹理上，而不是设备的显示缓冲区里。

这个说的是Camera的另一个属性Clipping Planes,这个属性包含两个值Near/Far。举个简单的例子，比如人眼睛，距离人眼睛太近的物体看不清、距离人眼睛太远的物体看不到，这就是Near、Far了。看下图

你看，这个观赏树的近端可以看完整，远景也OK。这个时候Clipping Planes Near == 0.3 Far == 1000

也就是说距Camera小于Near距离的物体被裁剪掉、距Camera大于Far距离的物体被裁剪掉。

那么，怎么能避免物体被裁剪掉，而且还能离摄像头Near>=3呢？那就是，把这个景观树单独用另一个摄像头来显示。具体，看下一个知识点。

这个深度，顾名思义，就是摄像机的深度了。 当只有一个摄像机时，这个属性没有意义。 当有大于两个摄像机时，就牵扯到多个摄像机的前后层叠问题了。

Depth值越大，越靠上，也就是越靠外，也就是可以遮挡值较小的摄像机的画面。比如MainCamera就默认为-1，然后新建摄像机就是0，在上边。

那么回到刚才景观树这个问题，如果想用一个摄像机专门展示景观树，而且还在主摄像机中可以看到，那么Depth必然要大一些，在主摄像机的上面喽。接下来，我们就来讨论Clear Flags 的Depth Only啦：

我们先试着把显示景观树的摄像机的Clear Flags设置为SkyBox或者Solid Color，我们会发现主摄像机镜头被天空盒或者纯色挡住了。然后将ClearFlags改为Depth only,我们会发现，景观树成功的嵌入了主摄像机的其他景色中，浑然天成。根据Depth only字面意思来讨论，也就是说，这个时候摄像机的未渲染部分的显示内容取决于深度，未渲染部分显示什么由深度小于本摄像机的内容来决定。

现在回到枪的话题。我做了一个小例子，如图就是场景，其中有三个Enemy,一个Player(蓝色),一个Gun（绿色）：

然后先是只有一个Camera,我们看看效果：

那么我把枪的Layer设置成GunLayer,然后在MainCamera中CullingMask中取消对GunLayer的显示。然后新建Camera，把深度设置为0（因为MainCamera的深度为-1），Clear Flags设置成Depth only，把CullingMask中只勾选GunLayer,那么这个新的Camera就只显示Gun了。调整Camera的位置到适合位置。看效果：

人物举枪的姿势，很自然吧？

接下来，我将专门解析这段话的含义，觉得上面的翻译有些不好，我自己尝试翻译了下

那么我理解的意思就是设置成Depth only的Camera中的物体，将会凌驾在其他任何物体上，当然，只能凌驾在Depth比他小的物体上。不受3D位置的前后影响。能够完整的呈现在观察者面前。

我做实验如下：

我先将一个Enemy顶进了枪里：

再来观察效果：

枪还在外面，没有顶进去。很明显，其他物体的3D位置信息没有体现出来，不然就不是这个效果了。

至此，这个Depth Only，的含义已经很传神了。

参考
cocos3.0官方文档 camera
cocos3.0官方文档 渲染排序说明

Visibility 属性用于设置哪些层级（Layer）的节点应该被相机观察到，可同时选择多个 Layer。注意：从 Cocos Creator 3.0 开始，2D 元素（例如 Sprite）的渲染也遵从 Layer 与 Visibility 的判断，开发者可以根据需要自行调整 Layer 与 Visibility。

当开发者在 Visibility 属性中勾选了多个 Layer 时，Visibility 属性值便是通过将多个 Layer 的属性值执行 | 操作计算得出。

排序是一个很简单的功能，但是最终的呈现却是根据不同平台提供的渲染能力来的。因此，在这里说明一下， 如果遇到了 UI 渲染出错，花屏，闪屏等现象，首先要检查的就是场景里所有相机（Camera 和 Canvas）的 ClearFlag，确保场景里必须有一个相机要执行 Solid_Color 清屏操作。

具体如何设置 ClearFlag，可参考以下几种情况：

如果场景中只有一个 UI Canvas 或者 3D Camera，那么 ClearFlag 属性设置为 Solid_Color。
如果场景中包含 UI 背景层、3D 场景层、 UI 操作层，则：

如图，设计分辨率1080*2000时，默认canvas的camera属性。其中orthoHeight是高度2000的一半。如果设计分辨率是1080*1920，则orthoHeight就是960了。

上图摄像机盒子的厚度是由far来控制的，默认摄像机位置Z是1000，默认Far是2000。如果将far改为1000，则刚好看到canvas的内容。

默认的正交摄像机，改fov没影响。在透视摄像机中，改Fov和摄像机的坐标以及旋转角度，就能得到合适的画面。

新建一个Scene，以下操作全部使用默认配置：

分析：
BUTTON以及CANVAS的LAYER全是UI_2D，其相应的CAMERA，设置的VISIBILITY确保只看到这些，然后使用的DEPTH_ONLY会叠加到场景中的主摄像机上。

根据官方文档所说，场景中的Camera 设置为Solid_Color即可。

如上图，当把模型的scale调大后，会出现面部贴图糊掉。此时改一下camera的near属性即可。

参考
各位大佬，3D模型怎么做适配呀
急！creator3d的适配问题
Creator 3D Camera按宽度适配的解决方案

这里要注意，增加fov会导致屏幕宽高的可视区域都会加大。在特别瘦长的手机屏幕上，为了保证屏幕宽度范围内看到所有模型，就会导致额外看到屏幕顶部和底部更多内容。

cocos creator webview的滚动条去除如何去除

参考技术A 多谢回复！运气比较好，昨天尝试了几个修改，发现只要设置user-scalable=no即可，这个可能也是webview和PC上的其它浏览器的区别，共享给大家。本回答被提问者采纳