Tilemap瓦片地图

这篇具有很好参考价值的文章主要介绍了Tilemap瓦片地图。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

可以用Tilemap工具来构建游戏世界的地图,创建瓦片地图时,Grid组件自动作为瓦片地图的父级,相比于传统使用照片搭建地图的方式,使用瓦片地图用来搭建地图可以更加迅速,而且使用传统方式搭建地图时,需要添加大量的碰撞体,但是使用瓦片地图就可以避免该问题

瓦片地图的构成:瓦片地图由五个部分组成,可以与现实生活中的画画结合起来

Tilemap瓦片地图

精灵:绘画时的原料,就可以理解为图片,是作为瓦片的普片素材

瓦片:就相当于自己调制出的一个颜色,瓦片包含一个精灵,两个属性(颜色和碰撞器类型)

调色板:包调制好的各种颜色放在调色板中,这里就是把做好的瓦片放在调色板中

笔刷:不同的笔刷绘制出不同的效果,瓦片地图中就是用笔刷工具在调色板中蘸取不同的瓦片绘制出不同的效果

瓦片地图:就相当于画板,用瓦片在上面作画

Tilemap瓦片地图
Tilemap瓦片地图
Tilemap瓦片地图

创建瓦片地图的流程

  1. 创建瓦片地图

层级窗口中右键创建->2D对象->瓦片地图 新建选择想要的瓦片地图类型

(右击后没有2D Object选项的, 需要在packag manger中下载 2D Tilemap Editor 包)

Tilemap瓦片地图

这将自动创建两个GameObject对象,一个是名为Grid的父对象,上面带有Grid组件。

另一个是名为Tilemap的子对象,它在Grid对象下,带有Tilemap和Tilemap Renderer组件。

Tilemap瓦片地图
  1. 创建调色板

点击Grid组件,选择场景窗口,在右下角就能看见tile palette

Tilemap瓦片地图
Tilemap瓦片地图

创建出调色板保存在指定的文件夹中(最好单独创建出一个文件夹保存瓦片地图)

  1. 创建瓦片

拖动精灵到调色板中,会打开一个新窗口,询问瓦片的保存位置。

(1).你也可以通过精灵图集拖动多个瓦片。(这是传统制作瓦片的方式),推荐使用下方的方法,可以制作出功能更为强大的瓦片(比如规格瓦片),但是需要用到插件,2d tilemap-extras插件(安装方法放在文章最下方)

(2).在Assets文件夹中,最好是刚才创建的保存调色板的文件夹中,点击右键->瓦片->规则瓦片(这里由于安装的插件版本可能不同,右键->创建->2D->瓦片->规则瓦片),这里用RuleTile为例子(最常用)

  1. 创建完成,开始在场景中绘制:
    瓦片加入调色板后,就可以用笔刷绘制场景了。

最基本的瓦片地图的使用方法就讲完了,接下是对瓦片地图拓展知识的讲解

(1).规则瓦片(Rule Tile)

Tilemap瓦片地图
Tilemap瓦片地图

(2)Rule override Tile

规则覆盖瓦片是用来拷贝规则瓦片的规则的,意思就是当我们制作出了一个规则瓦片后,如果还想制作另一个规则瓦片,上之前的规则一样,但是就是精灵图不一样就可以使用规则覆盖瓦片(创建方式和规则瓦片一样)

Tilemap瓦片地图

(3)Advanced Rule Tile

Advanced Rule Tile也是用来拷贝规则用的,但是与Rule override Tile不同的是Rule override Tile只能完全复制规则,但是Advanced Rule Tile可以复制规则后可以再对瓦片规则进行更改

Tilemap瓦片地图

(4)瓦片绘制工具

Tilemap瓦片地图

从左至右:

  • 选择工具

用来选择Tile资源更改属性。

  • 移动工具

用于移动选中的Tile资源。

  • 笔刷工具(最常用)

用于绘制矩形块,并由选定的Tile资源来填充。

  • 选取工具

用于选取要绘制的Tile资源,按下左键并拖拽可以一次选取多个Tile。

  • 擦除工具

用于擦除Tile资源。

  • 填充工具

用于将选定区域填充为选定的Tile资源。

TilePalette面板上有一个Edit(编辑),如果选上的话可以编辑在TilePalette面板中的Tile资源(比如想要使用擦除工具就需要点击编辑按钮,进入编辑模式)

(5)给Tilemap添加碰撞体

第一步:首先给Grid下的TileMap组件添加Tilemap Collider 2D 组件

Tilemap瓦片地图

第二步:给想要的瓦片设置碰撞器类型(无就是没有碰撞器,精灵就是系统按照精灵图设置碰撞器,网格就是按照瓦片所在的网格设置碰撞器)

Tilemap瓦片地图

第二步设置完成后会出现每个瓦片都是一个单独的碰撞体,这就会导致两个问题,第一就是物理系统的计算量会更大,减慢游戏速度,第二在瓦片之间的边界上会产生小问题。由于瓦片是两个并排的碰撞体,并且两者之间存在微小间隙,因此有时计算上的微小误差也可能导致仍会发生碰撞的罕见情况。

为了解决这些问题就需要将单个的瓦片碰撞体合并成一个整体,Unity 提供了一个名为Composite Collider 2D的组件。此组件可以获取对象(或对象的子对象)上的所有碰撞体, 并由此创建个大碰撞体

第三步:为Tilemap再添加一个composite collider 2d(添加它的同时,系统会自动添加Rigidbody 2D组件,最好是将其类型勾选为static静态的,因为地图是不会移动的)

Tilemap瓦片地图

再把tilemap collider2d设置为Used By Composite

Tilemap瓦片地图
Tilemap瓦片地图

调整edge raidius(边缘半径)使tilemap边缘呈现细细的管状

2D Tilemap-extras的安装

插件的安装地址https://github.com/Unity-Technologies/2d-extras/tree/2020.3

Tilemap瓦片地图

好像2020之后的版本就可以在包管理器中下载插件,如果没有的就可以在该链接下载,下载好之后,解压到当前的文件夹,这时就有两种方法把该插件安装到unity 中

第一:直接将解压好的文件拖拽到unity的Assets中

第二:在包管理器中选择天机来自磁盘的包,选择解压后的包中的pakage,并安装

Tilemap瓦片地图
Tilemap瓦片地图

这样插件就安装好了文章来源地址https://www.toymoban.com/news/detail-494833.html

到了这里,关于Tilemap瓦片地图的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【人工智能概论】 构建神经网络——以用InceptionNet解决MNIST任务为例

    两条原则,四个步骤。 从宏观到微观 把握数据形状 准备数据 构建模型 确定优化策略 完善训练与测试代码 InceptionNet的设计思路是通过增加网络宽度来获得更好的模型性能。 其核心在于基本单元Inception结构块,如下图: 通过纵向堆叠Inception块构建完整网络。 MNIST是入门级的

    2023年04月20日
    浏览(52)
  • Web地图服务规范之栅格瓦片地图服务:WMTS(WebMapTileService,网络地图瓦片服务)、TMS(TileMapService,瓦片地图服务)和XYZ

    这四种地图服务都是通过网络传输的栅格瓦片地图服务,这里有三个名词需要解释: 遥感影像、Dem等,就是图片。 实际上,地图服务就是一个url,且这个url满足一定条件:基于这个url拼上固定参数或路由地址可以获取地图服务的元数据信息(返回结果是xml或者json);也能获得

    2024年02月21日
    浏览(47)
  • WebGIS瓦片地图添加水印(矢量瓦片、栅格瓦片)

       水印 能为收到版权信息产品归属提供有力的证据, 并能够监视被保护数据的传播, 真伪鉴别以及非法拷贝控制等.在现今流行的线上地图同样需要水印技术, 保护地图数据.本文将介绍如何实现瓦片地图水印添加, 包括栅格瓦片、矢量瓦片.   在探索过程中, 参考了《前端水

    2024年02月08日
    浏览(45)
  • Unity学习:瓦片地图

    目录 一、tilemap  二、rule tiles  三、rule override tile  四、advanced override tile 五、伪透视图 这里首先给出unity的官方文档: https://docs.unity3d.com/Manual/class-Tilemap.html https://docs.unity3d.com/Manual/class-Tilemap.html 创建    创建完之后是这个 拖入图片,将贴图类型设置为精灵   关于瓦片像

    2024年02月05日
    浏览(50)
  • Leaflet 调用百度瓦片地图服务

    在使用 leaflet 调用第三方瓦片地图服务的项目,主要谷歌地图、高德地图、百度地图和 OSM 地图,与其他三种地图对比,百度地图的瓦片组织方式是不同的。百度从中心点经纬度(0,0)度开始计算瓦片,而谷歌地图是从左上角经纬度(-180,90)度开始计算瓦片;如果直接使用百度瓦片

    2024年02月08日
    浏览(55)
  • 基于高德地图 瓦片 实现 unity lbs

    参考文章:           1.国内主要地图瓦片坐标系定义及计算原理 | CntChen Blog         2.Unity LBS地图(瓦片地图,不接入任何SDK)_099_F11的博客-CSDN博客_unity离线地图 瓦片:高德等地图厂商把 世界地图分成了 好多张图片,每张图片就是一个瓦片 实现思路,根据 https 连接 请求

    2024年02月14日
    浏览(66)
  • vue实现离线地图+leaflet+高德瓦片

    1、我是通过leaflet和高德的瓦片实现的离线地图 2、可以通过npm、CDN和直接下载zip包实现引入leaflet,附上leaflet中文网 3、高德的瓦片是找了很多帖子无意看到的一份合适的瓦片下载项目(忘了原帖在哪),不过这个项目是Java项目,是通过后端大哥帮忙下载的,附上项目原地址

    2024年02月12日
    浏览(50)
  • Mapbox加载天地图CGCS2000矢量瓦片地图

    1.背景 最近在做天地图的项目,要基于MapBox添加CGCS2000矢量切片数据,但是 Mapbox 只支持web 墨卡托(3857)坐标系的数据。Github有专业用户修改了mapbox-gl的相关代码,支持CGCS2000的切片数据加载,并且修改了相关的mapbox-gl的配套代码,详情请见github网址。https://github.com/cgcs2000

    2024年02月13日
    浏览(41)
  • Unity记录3.1-地图-TileMap简单使用、鼠标拖动放置Tile

    文章首发及后续更新:https://mwhls.top/4456.html,无图/无目录/格式错误/更多相关请至首发页查看。 新的更新内容请到mwhls.top查看。 欢迎提出任何疑问及批评,非常感谢! 汇总:Unity 记录 上章的课程接下来是巡逻的敌人,不过我地图还没创建好,教程的 AI 估计不适合,所以先

    2024年02月09日
    浏览(48)
  • geoserver加载arcgis server瓦片地图显示异常问题处理

    1.全能地图下载的瓦片conf.xml格式有问题首先要修改格式,conf.cdi文件也需要修改格式,修改为UTF-8或者UTF-8无BOM编码(不同的notepadd++显示不同) 2. 下载的conf.xml坐标系默认从最小级别开始,一定要把前几级也补全,从0级开始    LODInfo xsi:type=\\\"typens:LODInfo\\\"                 LevelI

    2024年02月12日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包