使用Unity开发坦克大战游戏（二）

我会带着你远行 2022-04-02 07:51 264阅读 0赞

【特别鸣谢】参考视频：[https://www.bilibili.com/video/av29751762/?p=7][https_www.bilibili.com_video_av29751762_p_7]  
在之前的博客中：[https://blog.csdn.net/weixin\_36372879/article/details/85252501][https_blog.csdn.net_weixin_36372879_article_details_85252501]  
已经可以控制坦克的移动并且可以根据坦克不同的移动方向控制图片的转向，但是还是有很多问题没有解决，比如碰撞的问题

# 碰撞器的添加和解决抖动的问题 #

### 碰撞器 ###

两个必要条件：

1.  发生碰撞的物体身上都有碰撞器
2.  其中一个物体是刚体，最好是运动的物体为刚体(因为刚体长时间不运动会休眠onDisable)

### 添加碰撞器 ###

注意2D的碰撞器和3D的碰撞器的区别还是挺大的  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70]  
需要注意hierarchy里面的预制体是克隆体，在这些预制体里面操作不会影响本来的预制体  
要想影响原预制体可以点击apply  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 1]

### 添加刚体 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 2]

接着把map里面左右的组件都添加碰撞器

### 调整刚体的重力 ###

如果不调整，坦克会一直往下面掉  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 3]

但是可以看到，如果不解决抖动，那么刚体碰撞之后，坦克就歪过来回不去了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 4]

### 解决旋转 ###

把刚体的z轴锁上  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 5]  
就可以解决旋转的问题了。  
但是当坦克贴墙角的时候，会有一个抖动的问题，会非常鬼畜

# 解决抖动 #

加上刚体之后，就会有一个物理受力的影响，希望受力相同，但是在update函数中，每一帧的时间不是固定的，这个与机器执行的情况有关，因此需要在fixedupdate里面定义来解决抖动的问题。

// Update is called once per frame
        void Update()
        { 
    
    
        }
        private void FixedUpdate() //固定物理帧声明周期函数
        { 
            float h = Input.GetAxis("Horizontal");
            //输入乘以速度乘以时间， 第二个参数是以什么坐标轴来移动
            //transform.Translate(Vector3.right * h, Space.World);
            if (h < 0)
            { 
                sr.sprite = tankSprite[3];
            }
            else if (h > 0)
            { 
                sr.sprite = tankSprite[1];
            }
            //transform.Translate(Vector3.right * h * moveSpeed * Time.deltaTime, Space.World);//right是x轴，up是y轴，forward是z轴
            transform.Translate(Vector3.right * h * moveSpeed * Time.fixedDeltaTime, Space.World);
            float v = Input.GetAxis("Vertical");
            if (v < 0)
            { 
                sr.sprite = tankSprite[2];
            }
            else if (v > 0)
            { 
                sr.sprite = tankSprite[0];
            }
            //transform.Translate(Vector3.up * v * moveSpeed * Time.deltaTime, Space.World);
            transform.Translate(Vector3.up * v * moveSpeed * Time.fixedDeltaTime, Space.World);
        }

解决抖动有两个地方需要更改：第一个是将update函数里面的内容更改到fixedupdate里面，这样帧的时间是固定的，第二个是将deltaTime改为fixeddeltaTime

# 2D分层渲染 #

调整order in layer，层级越高，说明越往后面渲染，就可以渲染order低的达到分层的效果。  
![在这里插入图片描述][20181225213638435.png]

# 坦克的攻击方法 #

首先引用子弹的预制体

public GameObject bulletPrefab;

然后编写坦克攻击方法的函数

private void Attack()
        { 
            if (Input.GetKeyDown(KeyCode.Space))
            { 
                //实例化函数 第一个参数为object，第二个为位置，第三个为旋转
                Instantiate(bulletPrefab, transform.position, transform.rotation);
    
            }
        }

接着把子弹的预制体拖到脚本的引用这儿  
![在这里插入图片描述][20181226093323909.png]  
可以看到，子弹已经产生了，但是角度是有问题的。并且子弹不能移动。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 6]

# 更换子弹的方向 #

### 方法1 ###

在之前的博客中，根据输入来更换图片的方法，大致思路就是编写脚本更改sprite renderer中的sprite，使其能够切换不同的图片。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 7]

### 方法2 ###

根据v和h的值，更改实例化函数中子弹的旋转角度即可。  
![在这里插入图片描述][20181226094619299.png]  
可以看到这里的角度是一个四元组的值，但是面板上是三元的欧拉旋转角度，首先定义子弹的欧拉旋转角度。

private Vector3 bulletEulerAngles;

子弹的旋转角度=坦克的欧拉角+子弹的欧拉角  
好像就等于子弹的欧拉角就行

//实例化函数 第一个参数为object，第二个为位置，第三个为旋转
    Instantiate(bulletPrefab, transform.position, Quaternion.Euler(transform.eulerAngles + bulletEulerAngles));

接下来就需要确定子弹的旋转角度  
旋转实际上是绕着z轴旋转的，确定旋转方向是从屏幕里往外面看的  
2D游戏与3D游戏的旋转相反，平时是顺时针，2D里面旋转度数是负的  
将rotation调整为-90可以看到2D和3D确实是相反的。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 8]

private void Move() //坦克的移动方法
        { 
            float v = Input.GetAxis("Vertical");
            if (v < 0)
            { 
                sr.sprite = tankSprite[2];
                bulletEulerAngles = new Vector3(0, 0, -180);
            }
            else if (v > 0)
            { 
                sr.sprite = tankSprite[0];
                bulletEulerAngles = new Vector3(0, 0, 0);
            }
            //transform.Translate(Vector3.up * v * moveSpeed * Time.deltaTime, Space.World);
            transform.Translate(Vector3.up* v * moveSpeed * Time.fixedDeltaTime, Space.World);
    
            if (v != 0)
            { 
                return;
            }
    
            float h = Input.GetAxis("Horizontal");
            //输入乘以速度乘以时间， 第二个参数是以什么坐标轴来移动
            //transform.Translate(Vector3.right * h, Space.World);
            if (h < 0)
            { 
                sr.sprite = tankSprite[3];
                bulletEulerAngles = new Vector3(0, 0, 90);
            }
            else if (h > 0)
            { 
                sr.sprite = tankSprite[1];
                bulletEulerAngles = new Vector3(0, 0, -90);
            }
            //transform.Translate(Vector3.right * h * moveSpeed * Time.deltaTime, Space.World);//right是x轴，up是y轴，forward是z轴
            transform.Translate(Vector3.right* h * moveSpeed * Time.fixedDeltaTime, Space.World);
        //坦克的攻击方法
        private void Attack()
        { 
            if (Input.GetKeyDown(KeyCode.Space))
            { 
                //实例化函数 第一个参数为object，第二个为位置，第三个为旋转
                Instantiate(bulletPrefab, transform.position, Quaternion.Euler(bulletEulerAngles));
    
            }
        } 
        }

这样就可以更改子弹的旋转方向啦。

[https_www.bilibili.com_video_av29751762_p_7]: https://www.bilibili.com/video/av29751762/?p=7
[https_blog.csdn.net_weixin_36372879_article_details_85252501]: https://blog.csdn.net/weixin_36372879/article/details/85252501
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70]: /images/20220402/7369f9c60399430280856773ac8ccace.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 1]: /images/20220402/9f90b38c72674d1981a98f481b26c565.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 2]: /images/20220402/c4df2d1beadd406facacf4d46d005310.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 3]: /images/20220402/cd1cffb15e0b4128962b6ff601724851.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 4]: /images/20220402/4daaf66316ab4c38a8fddffcd7545e8a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 5]: /images/20220402/22f9639cee7c4da4a92e82192dc23db5.png
[20181225213638435.png]: /images/20220402/61edcb7bb0304038974e972902bd79de.png
[20181226093323909.png]: /images/20220402/108ceba2d3ff4f01b4a0bae6d7818745.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 6]: /images/20220402/d6e2c78a2729472693c2827474f13050.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 7]: /images/20220402/dfdd17b386a146acb4c1330524a67a6f.png
[20181226094619299.png]: /images/20220402/257d73b579314240919420429f5b93e0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjM3Mjg3OQ_size_16_color_FFFFFF_t_70 8]: /images/20220402/a0e04bd0bcc54312a1826a1e25b7e07d.png