04-2D俯视角渲染设置
1. 放入素材
- 树
- 小青蛙
![](/assets/image-20230417154014940-k4hJLvcX.png)
现在小青蛙在树的前方:
![](/assets/image-20230417154116202-HUNeymj0.png)
![树遮住了我们的小青蛙](/assets/image-20230417154141893-FyJeCPsn.png)
问题还是存在:
![](/assets/image-20230417154256747-DbSRCMdn.png)
![滑动就上下移动了](/assets/image-20230417154418840-WX9CydvV.png)
2. 设置俯视角渲染
调整 y 轴的坐标就上下移动了。
那我希望在 y 轴做一个比较,谁的 y 轴更高,谁就会当挡在前面,谁的 y 轴更低就会挡在后面。正好符合纵向的渲染方式。
我们如何修改呢?
![](/assets/image-20230417155157352-CtwDVD1N.png)
![](/assets/image-20230417155402479-CL0h-Tdq.png)
![](/assets/image-20230417155835741-eU-FGCFI.png)
![](/assets/image-20230417155931325-oLX19RsC.png)
![](/assets/image-20230417155959630-CbslXDmI.png)
![](/assets/image-20230417160354100-DG7c9Yql.png)
3. 设置渲染中心
树中心点,想要放在树根,怎么办呢?
![](/assets/image-20230417160604146-BtZZxL8V.png)
![](/assets/image-20230417160754385-RL4EAzAF.png)
0: 最左边
1: 最右边
0.5 不就是中心
![](/assets/image-20230417161839238-BZvGyIhJ.png)
![](/assets/image-20230516110921803-WH3PzU5b.png)
点击打开后即可:
![](/assets/image-20230516112149135-BaRuLxsx.png)
![](/assets/image-20230516112745578-DrY04iT7.png)
那么我们的青蛙也是需要这样设置的,但是我们的青蛙有很多,我们一张一张这么设置显然不划算。
![](/assets/image-20230417162235316-BG6JNUgx.png)
![](/assets/image-20230417162627022-l0kr4A1q.png)
![](/assets/image-20230417162647419-iAhMH6Kg.png)
![记住位置](/assets/image-20230417162742654-DM6gqPor.png)
![](/assets/image-20230417162856741-CIxwI-ll.png)
![](/assets/image-20230417163128461-BhCwpuYv.png)
都设为 0.5、0.35
记得选择锚点。那么接下来,把所有青蛙设为你想要设为的坐标。
4. 我们可以摆放我们的场景
修改名称可以直接双击,也可以右键 Rename。
![](/assets/image-20230417163456200-BxFg6FOZ.png)
![未保存](/assets/image-20230417164605310-DGD2heKN.png)
![](/assets/image-20230417164755446-CRT93GTl.png)
![为了避免重名出错,我们修改一下名字](/assets/image-20230417164821588-TftqdaWi.png)
![](/assets/image-20230417164916062-ZP4EcbvQ.png)
现在我们把青蛙、和其他图片坐标归零。
![](/assets/image-20230417165027430-iXFhTEg0.png)
![](/assets/image-20230417165109919-MY_lk_5_.png)
调整相机,我希望小青蛙始终显示在我的屏幕下面。且留有一定的距离,这样方便玩家点击和美观。
![](/assets/image-20230417165728188-BqhnAepd.png)
那我们再稍微修改修改布局。
![](/assets/image-20230417165904263-bhq3Bftu.png)
我们发现树跑到我们背景后面了,因为也是以中心来渲染的。
我们稍微把背景往前拖,至于背景怎么跟随移动后期都会讲解。
我们暂时和我们的摄像机的坐标保持一致就可以了。
![加入我们的其他角色](/assets/image-20230417180859311-C1IDl8pV.png)
加入我们的草地:
![](/assets/image-20230419135421508-CeGAGAbS.png)
![](/assets/image-20230419140041562-C6_zwdBf.png)
![](/assets/image-20230419142656356-CUuOxITz.png)
还是会被覆盖。这个问题怎么避免呢?
按照之前设置肯定是没问题的,但是按照这种场景的布局,我希望他一定都在最底下,也就是我们的地面,应该永远在我们的最底下。
所以,我们除了有精灵的排序点以外,我们还需要:Sorting Layer「图层设计」
![](/assets/image-20230419143206113-DugcvPb2.png)
在 Hierarchy 越往下,就会遮挡上面的窗口。
![](/assets/image-20230419143309009-WbNEYEfP.png)
同时也受到我们的 Sprite Renderer 的影响,还有我们的设置的 Graphics 纵向渲染方式。
![](/assets/image-20230419143416845-BwDcVAMI.png)
另外最重要的就是我们的 Sorting layer。目前只有一个默认排序的图层。
![](/assets/image-20230419143537803-Ca_cAPLP.png)
我们可以点击 Add Sorting Layer:
![](/assets/image-20230419143742081-D5u0jS0s.png)
![](/assets/image-20230419143757652-DPXQ739w.png)
![](/assets/image-20230419144139197-Ds9zv7Hc.png)
然后,我们再回到我们的草地,进行选择排序,Back:
![](/assets/image-20230419144410489-gbcabJdV.png)
![](/assets/image-20230419144456759-DT75N0-V.png)
虽然,选择了,现在我们的草地一直遮挡着我们的青蛙。
这是为什么呢?
因为,我们的青蛙还是在默认图层。
提示
我们的 Sorting Layer 也是,谁在下面,谁就会挡住上面的图层。
![](/assets/image-20230419144701750-DfTiu2dM.png)
所以,我们现在把我们的青蛙设置为 Middle,现在就让青蛙成功在我们的草地上面。
![](/assets/image-20230419151656760-Bj2UEcUK.png)
现在就成功改变图层了。
如果,我们把草地也选择 Middle,那受到锚点的控制了:
![](/assets/image-20230419152440508-B0TaWG1j.png)
那我就是想在同一层强制呢?
我就可以使用 Order in Layer:
我们就可以把我们的草地改成:-1
青蛙是 0,所以一直在我们青蛙的下面:
![](/assets/image-20230419153838413-Dqq1WPsR.png)
这样你就可以灵活设置了,那么现在我们还是把青蛙/草改回来,Middle/Back,设为 0 即可。
建筑、树啥的,我们就放在 Middle,你就像所有会因为我们设置的 y 轴而产生不一样的渲染的,我们都放在 Middle 我们要有不一样的渲染层级。
这样我们就可以用这个逻辑,去处理我们的场景了。
但是,这样摆放的话,我们的场景会有点乱,那这个情况,我们应该怎么处理呢?
如何规整我们的项目呢?——我们创建一个 GameObject
![](/assets/image-20230419155948441-B7Zqp165.png)
![](/assets/image-20230419160013977-BYqjamdC.png)
![](/assets/image-20230419161302662-DpUHKxlZ.png)
每次新建一个 GameObject 都需要把下面的坐标 reset 一下:
![随机乱码](/assets/image-20230419161601696-40r8Fuut.png)
![](/assets/image-20230419161631879-CQ9X0_gE.png)
这个时候,我们把所有的物体都放在我们的 START 上:
![](/assets/image-20230419161839105-DViNJR0O.png)
![](/assets/image-20230419162005856-D_MW3JQ2.png)
![](/assets/image-20230419162224742-BafFoT9a.png)
一个父集控制很多子集的坐标、渲染层级。
你现在可以花一点时间,布局你想要的布局。
你也可以添加小河,小河的边缘
![](/assets/image-20230419163322045-D7r1C2qY.png)
![](/assets/image-20230419163624387-CWSnC-ER.png)
![](/assets/image-20230419163857415-CT0zgxJg.png)
这样我们的河岸稍微挡住了我们的河水,这样就没有什么问题了。请自行布局。
![](/assets/image-20230419165038903-CGw1VVeb.png)
欢迎关注我公众号:AI悦创,有更多更好玩的等你发现!
公众号:AI悦创【二维码】
![](/gzh.jpg)
AI悦创·编程一对一
AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发、Linux、Web全栈」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh
C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh
方法一:QQ
方法二:微信:Jiabcdefh
![](/zsxq.jpg)
- 0
- 0
- 0
- 0
- 0
- 0