【UGUI】 (二)--------- 小地图

简介: 在绝大多数游戏中,小地图都是极为常见的一个模块而且十分重要。在Unity里面如何制作一个地图其实也是比较简单的 一. 创建玩家与敌人创建一个Capsule,命名为Player,代表我们的游戏玩家,创建两个Cube,分别命名为EnemyA,EnemyB,代表敌方两个NPC​二.

在绝大多数游戏中,小地图都是极为常见的一个模块而且十分重要。在Unity里面如何制作一个地图其实也是比较简单的

 一. 创建玩家与敌人

创建一个Capsule,命名为Player,代表我们的游戏玩家,创建两个Cube,分别命名为EnemyA,EnemyB,代表敌方两个NPC

二. 创建摄像机

创建摄像机,命名为Mini Cam,并置于模型上方适当位置处,X轴旋转90°产生俯视视觉效果,Project调整为Orthographic,Size根据各人具体情况来进行调整

 三. 创建UI显示效果

①在 Assets -> Create -> RenderTexture 创建一个RenderTexture,命名为MiniMap,并将其赋值给第二步创建的Mini Cam的Target Texture。

②创建一个Raw Image,并将MiniMap赋值给RawImage的Texture,并把RawImage置于屏幕右上角,就可以看到初步效果了

③为了更明显的显示效果,创建两个Material,一个调成蓝色,赋值给Player,另一个调成红色赋值给两个Enemy。然后给Player和两个Enemy的Layer设置成MiniMap。再把Mini Camde 的Culling Mask调整成只显示MiniMap层

效果如下

四. 让角色随机移动,观察效果

创建一个C#脚本,并给角色和敌人都加上此脚本和刚体。运行,观察效果。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class RandomMove : MonoBehaviour {

	private Vector3 velocity = Vector3.zero;
	private float speed = 8;
	private Vector3 target = Vector3.zero;
	private void Update()
	{

		if (Random.value < 0.01f)
			target = transform.position + Quaternion.Euler(0, Random.value * 360, 0) * Vector3.right * 10;
		Vector3 direct = target - transform.position;
		direct.y = 0;												//防止y方向移动
		if (direct.sqrMagnitude > 1)
		{
			transform.rotation = Quaternion.LookRotation(direct);	//改变朝向
			velocity = direct.normalized * speed / 3;
		}

		velocity -= transform.GetComponent<Rigidbody>().velocity;
		velocity.y = 0;

		//速度过大时减速
		if (velocity.sqrMagnitude > speed * speed)
			velocity = velocity.normalized * speed;

		transform.GetComponent<Rigidbody>().AddForce(velocity, ForceMode.VelocityChange);
		velocity = Vector3.zero;
	}
}

五. 总结

其实制作小地图的整个流程并不复杂,原理上和放大镜都是应用了RenderTexture和摄像机的渲染,只要了解Unity中摄像机渲染的相关事项,整个操作过程就会变得十分简单明了。有兴趣的朋友,可以给小地图多加一张Mask,让其更像一个小地图。

 

相关文章
|
算法 定位技术
Threejs中使用A*算法寻路导航,Threejs室内室外地图导航
Threejs中使用A*算法寻路导航,Threejs室内室外地图导航
1222 0
|
10天前
|
图形学
Unity UGUI拖拽移动
本文介绍了两种UI拖拽实现方式:精准拖拽和克隆拖拽。精准拖拽通过计算鼠标点击点与UI中心的偏移量,使UI跟随鼠标移动,适用于需要精确控制的场景。代码中通过`IBeginDragHandler`、`IDragHandler`和`IEndDragHandler`接口实现拖拽逻辑。克隆拖拽则在拖拽时克隆一个UI对象,使其跟随鼠标移动,适合视觉效果需求较高的场景。代码中同样使用上述接口,并在拖拽结束时销毁克隆对象。具体实现可参考提供的代码示例。
|
4月前
|
监控
ThreeJs限制模型拖动的范围
这篇文章讲解了在Three.js中如何限制模型拖动的范围,确保模型在特定边界内移动,提供了实现拖动限制的代码示例和技术细节。
125 1
ThreeJs限制模型拖动的范围
|
4月前
|
JavaScript
ThreeJs通过DragControls实现物体拖动
这篇文章详细讲解了如何在Three.js中使用DragControls实现3D物体的鼠标拖动功能。
154 1
ThreeJs通过DragControls实现物体拖动
|
9月前
|
数据可视化 定位技术 数据格式
Tableau可视化设计案例-07 多边形地图和背景图地图
Tableau可视化设计案例-07 多边形地图和背景图地图
|
9月前
|
测试技术 定位技术
【sgDragMoveTile】自定义组件:拖拽瓦片图、地图、大图,滚动条对应同步滚动
【sgDragMoveTile】自定义组件:拖拽瓦片图、地图、大图,滚动条对应同步滚动
|
定位技术
百度地图开发(8):地图覆盖物实现纵横交错的交通网络
百度地图开发(8):地图覆盖物实现纵横交错的交通网络
62 0
|
定位技术 API
Leaflet中如何限制地图的拖动范围
本文讲解了在Leaflet中如何进行地图范围的控制,并通过代码的方式进行示例,并展示了最终效果。
799 0
Leaflet中如何限制地图的拖动范围
|
定位技术 开发者
地图控件|学习笔记
快速学习地图控件
地图控件|学习笔记
|
定位技术
百度地图开发-绘制点线提示框 07
百度地图开发-绘制点线提示框 07
225 0
百度地图开发-绘制点线提示框 07

热门文章

最新文章