unity 小地圖的制作

說到小地圖，大家可能有些不是很了解，但是說到英雄聯盟大家可能眼前一亮，這個我知道！

Q：英雄聯盟右下角的小地圖看到了嗎？

A：有些人會說那是小地圖嗎？

Q：是的。

只是他們做的太好了，看起來不覺得像小地圖罷了!——所以相信團隊的力量!

不扯了，言歸正傳，開始咱們的小地圖學習了！

1，打開Unity 建一個空的工程，結構如下。

2，開始寫腳本了。

miniMap.cs

using UnityEngine;
using System.Collections;

public class miniMap : MonoBehaviour 
{
    
    //大地圖地形對象
    GameObject plane;
    //大地圖主角對象
    GameObject cube;
    
    //大地圖的寬度
    float mapWidth;
    //大地圖的高度
    float mapHeight;
    //地圖邊界的檢測數值
    float widthCheck;
    float heightCheck;
    
    //小地圖主角的位置
    float mapcube_x =0;
    float mapcube_y = 0;

    float mapcube1_x ;
    float mapcube1_y; 
    
    //GUI按鈕是否被按下
    bool keyUp;
    bool keyDown;
    bool keyLeft;
    bool keyRight;
    
    //小地圖的背景貼圖
    public Texture map;
    //小地圖的主角貼圖
    public Texture map_cube;
    GameObject[] cubes;

    void Awake()
    {
        cubes = GameObject.FindGameObjectsWithTag ("cube");
        Debug.Log (cubes[0].name);

    }
    void Start()
    {
        //得到大地圖對象
        plane = GameObject.Find("Plane");
        //得到大地圖主角對象
        cube = GameObject.Find("Player");
        //得到大地圖默認寬度
        float size_x = plane.GetComponent<MeshFilter>().mesh.bounds.size.x;
        //得到大地圖寬度的縮放比例
        float scal_x = plane.transform.localScale.x;
        //得到大地圖默認高度
        float size_z = plane.GetComponent<MeshFilter>().mesh.bounds.size.z;
        //得到大地圖高度縮放地理
        float scal_z = plane.transform.localScale.z;
        
        //原始寬度乘以縮放比例計算出真實寬度
        mapWidth = size_x * scal_x;
        mapHeight = size_z * scal_z;
        
        //越界監測的寬度
        widthCheck = mapWidth / 2;
        heightCheck = mapHeight / 2;
        
        check();
    }
    
    void OnGUI()
    {
        keyUp = GUI.RepeatButton(new Rect(500,10,100,30),"向前移動");

        keyDown = GUI.RepeatButton(new Rect(500,40,100,30),"向后移動");
        
        keyLeft = GUI.RepeatButton(new Rect(500,70,100,30),"向左移動");
        
        keyRight = GUI.RepeatButton(new Rect(500,100,100,30),"向右移動");
        
        //繪制小地圖背景
        GUI.DrawTexture(new Rect(0,0,map.width,map.height),map);
        //繪制小地圖上的“主角”
        GUI.DrawTexture(new Rect(mapcube_x,mapcube_y,map_cube.width,map_cube.height),map_cube);

        foreach(var obj in cubes)
        {
            float x1 = obj.transform.position.x;
            float z1 = obj.transform.position.z;
            mapcube1_x = (map.width / mapWidth * x1)+map.width/2;
            mapcube1_y = ((map.height/mapHeight * z1)+map.height/2);
            GUI.DrawTexture(new Rect(mapcube1_x,mapcube1_y,map_cube.width,map_cube.height),map_cube);
        }
    }
    
    void FixedUpdate()
    {
        if(keyUp)
        {
            //向前移動
            cube.transform.Translate(Vector3.forward * Time.deltaTime *5); 
            check();
        }
        if(keyDown)
        {
            //向后移動
            cube.transform.Translate(-Vector3.forward * Time.deltaTime *5); 
            check();
        }
        if(keyLeft)
        {
            //向左移動
            cube.transform.Translate(-Vector3.right * Time.deltaTime *5);  
            check();
        }
        if(keyRight)
        {
            //向右移動
            cube.transform.Translate(Vector3.right * Time.deltaTime *5); 
            check();
        }    
    }
    
    //越界檢測
    void check()
    {
        //得到當前主角在地圖中的坐標
        float x = cube.transform.position.x;
        float z = cube.transform.position.z;
        
        //當控制主角超過地圖范圍時，重新計算主角坐標
        if(x >= widthCheck)
        {
            x = widthCheck;
        }
        if(x <= -widthCheck)
        {
            x = -widthCheck;
        }
        if(z >= heightCheck)
        {
            z = heightCheck;
        }
        if(z <= -heightCheck)
        {
            z = -heightCheck;
        }
        
        cube.transform.position = new Vector3(x,cube.transform.position.y,z);
        
        //根據比例計算小地圖“主角”的坐標
        mapcube_x = (map.width / mapWidth * x)+map.width/2;
        mapcube_y = ((map.height/mapHeight * z)+map.height/2);
        //Debug.Log (mapcube_x+","+mapcube_y);
    }
}

將此腳本掛到Camera上

到這里就結束了，咱們看下小地圖的效果吧！

點擊向左移動

PS:小地圖的制作難點主要是計算出小地圖與地形真是的大小的縮放比例，通過該比例計算出場景中物體映射到小地圖的坐標位置。

下面是我自己推理的筆記，希望對大家有幫助！

 

 

有問題聯系我哦，工程鏈接:http://pan.baidu.com/s/1qWOAq2g

測試環境:Win 8.1+Unity4.5.5,打不開請更新Unity哦！