Unity2D中瓦片地图的创建与绘制教程

Unity2D中瓦片地图的创建与绘制

  • 素材切割
  • 创建地图
  • 创建瓦片
  • 绘制地图
  • 瓦片调色板画笔拓展
  • 素材资源链接

素材切割

  1. 选中以下素材,以Tiles为例(素材链接在文章最下方)
    在这里插入图片描述
  2. 修改素材属性。
    将Sprite Mode属性改为Multiple多张(不然切割不了);
    Pixels Per Unit改为16像素;
    Filter Mode改为Point(no filter);
    Compression改为None;
    最后点击Apply。
    在这里插入图片描述
  3. 然后我们点击Sprite Editor图片编辑器。
    在出现的窗口左上角点击Slice,
    Type属性改为Grid By Cell Size,按照像素值切割,
    Pixel Size改为16×16,因为前面我们的Pixels Per Unit改为了16像素,
    最后点击Slice。
    在这里插入图片描述
    在这里插入图片描述
  4. 最后我们点击窗口右上角Apply,应用以下
    在这里插入图片描述
  5. 我们可以发现下方的资源窗口的图片展开从之前的一张变成了多张,这就代表我们已经切割完成。
    在这里插入图片描述

创建地图

  1. 在Hierarchy窗口空白处右键点击,
    选择2D Object,
    选择Tilemap,
    选择Rectangular。
    在这里插入图片描述
  2. 出现网格表示创建完成。
    在这里插入图片描述

创建瓦片

  1. 选择window,
    选择2D,
    选择Tile Palette,
    调出瓦片调色板。
    在这里插入图片描述
  2. 可以将调出的窗口拖到左侧,方便管理
    那一排工具就不再讲解,基本猜也能才出来大致的作用,不知道的话再完成以下操作之后自行尝试。
    在这里插入图片描述
  3. 点击Create New Palette,创建一个新的调色板,
    Namw自行命名,这里我就用户默认的命名
    最后点击Creat创建。
    ========
    此时出弹出一个窗口让我们选择文件夹,为了方便管理,我们在弹出的文件窗口中回到Assets主资源文件夹下,在主文件夹下空白处右键,
    选择新建,选择文件夹,
    这里我们创建了Tile文件夹,再在创建的Tile文件夹下,再创建一个新的字文件夹Palette。
    然后我们选择Palette文件夹,点击选择文件夹
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  4. 完成步骤3之后,将刚才切割的图片Tiles拖到调色板空白处。
    ========
    同样选择文件夹,我们在Tile文件夹下创建Tile 1文件夹,
    选择创建好的Tile 1文件夹,
    同样为了方便管理。
    在这里插入图片描述
    在这里插入图片描述
  5. 等待素材导入
    在这里插入图片描述
  6. 导入完成之后我们会发现调色板有刚才切好的瓦片了,接下来就可以绘制地图了。
    在这里插入图片描述

绘制地图

  1. 在Hierarchy窗口选择地图Tilemap
    在这里插入图片描述
  2. 在Tile Palette窗口中选择画笔工具,
    选择我们想要绘制的地图瓦片
    在这里插入图片描述
  3. 在Scene窗口按照自己的想法进行绘制即可。
    在这里插入图片描述

在这里插入图片描述

瓦片调色板画笔拓展

  1. 如果想要添加i更多的画笔,
    我们可以点击Edit,
    点击Preferences…
    在这里插入图片描述
  2. 选择2D,选择Tile Palette,
    在窗口选择想要添加的画笔,
    点击加号➕,
    最后不要忘记Save保存。
    在这里插入图片描述

素材资源链接

文章素材资源链接

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/156277.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

针对实体商家技术开发一体化营销工具都包含那些功能呢?

1.批量剪辑技术研发 做的数学建模算法,数学阶乘的组合乘组形式,采用两套查重机制,一套针对素材进行查重抽帧素材,一套针对成片进行抽帧素材打分制度查重,自动滤重计入打分。 2.账号矩阵分发开发 多平台,…

echarts 画散点图, x周,y周在指定位置标志一下

文章目录 echarts 画散点图, x周,y周在指定位置标志一下示例一例子二示例三 echarts 画散点图, x周,y周在指定位置标志一下 示例一 let scatterData {data: [[[-0.2, -0.6],[0.4, 0.3],[0.1, 0.4],[0.3, 0.5],[0.09, 0.1],[0.7,…

vue2:路由前置守卫无法获取到this.$store.state.xxx

在获取到vuex的数据时候,想在router目录下的index.js文件去获取到vuex仓库中声明的全局变量,但是通过this.$store.stote.xxx去获取的时候,报错提示:$store未定义 一、store/index.js const store new Vuex.Store({state: {// 属…

AI图像识别初次尝试

1.人形识别结果 2.代码 pythonOpenCVyolov3训练库,代码如下: #!/usr/bin/env python3 # -*- coding: utf-8 -*- import cv2 import numpy as np import osimgFiles["pic03.jpg", "pic04.jpg"]netNone classesNone colorsNonedef r…

Windows电脑怎么下载桌面便签小工具?

Windows电脑是日常办公中常用的工具,电脑上可以安装许多软件来辅助日常办公,其中桌面便签工具可以为大家记录很多日常办公中的各项工作计划,而且便签软件通常可以悬挂于电脑桌面显示,方便大家一边工作一边查看备忘记录。 谈及Win…

Python的web自动化学习(六)Selenium第一个网页操作

引言: 前面我们系统的介绍了一个各种selenium的工作原理、环境配置与准备、各种元素定位的方法,现在让我们一起来实践吧,以哔哩哔哩登录为例子说明: Selenium自动登录B站(通过QQ登录) 为什么使用qq登录&…

Mozilla Firefox 119 现已可供下载

导读Mozilla Firefox 119 开源网络浏览器现在可以下载了,是时候先看看它的新功能和改进了。 Firefox 119 改进了 Firefox View 功能,现在可以提供更多内容,如最近关闭的标签页和浏览历史,你可以按日期或网站排序,还支…

huggingface离线模式及默认保存路径

T5Tokenizer.from_pretrained()函数会在线下载huggingface上的模型,并自动保存在C盘的.cache路径下: C:\Users\xxxxx\.cache\huggingface\hub\models--google--t5-v1_1-base # 这里xxxxx代表自己电脑用户名huggingface离线下载 以google/t5-v1_1-base为…

Ubuntu18.04系统镜像制作

安装使用systemback # 添加源 sudo add-apt-repository --remove ppa:nemh/systemback sudo add-apt-repository "deb http://ppa.launchpad.net/nemh/systemback/ubuntu xenial main"# 下载 sudo apt update sudo apt install systemback打开systemback,点击创建li…

sql-50练习题16-20

sql-50练习题16-20 前言数据库表结构介绍学生表课程表成绩表教师表 1-6 检索"01"课程分数小于60,按分数降序排列的学生信息1-7 按平均成绩从高到低显示所有学生的所有课程的成绩以及平均成绩1-8 查询各科成绩最高分、最低分和平均分:以如下形式…

软件测试简历项目经验怎么写,没有项目经验?

怎么办?只能接受低薪工作吗?No No No。本文就教大家如何解决这个问题。 为了帮助大家彻底解决“没有项目”这个拦路虎,接下来文章将从以下几个方面进行展开: 1、应该去哪找项目? 2、在众多的项目中,该怎么…

RPC与HTTP的关系

首选理清楚关系 RPC与HTTP是两个不同维度的东西 HTTP 协议(Hyper Text Transfer Protocol),又叫做超文本传输协议,是一种传输协议,平时通过浏览器浏览网页网页,用到的就是 HTTP 协议。 而 RPC&#xff0…