ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【小狐狸横板游戏开发】02 编辑素材和Tilemap

2022-05-31 01:33:13  阅读:174  来源: 互联网

标签:02 Palette 横板 Sprite Tilemap 素材 点击 Tile 绘制


1. 编辑素材

在 Assets 中选择 Sunny Land 素材包,找到 Environment 这个文件夹,然后打开 back 这张背景图片,此时点击之后会发现 Inspector 中出现了一堆调节的选项:

 

 

初始时,Pixels Per Unit 默认为 100,这就意味着在 Secne 中每个小方块中都会显示 100 个像素点,这是很不合适的,所以我们需要将这个数值调为 16,这样整个画面看起来就不会太小。最后点击 Apply。

然后将 back 这张素材拖到 Hierarchy 中,这样背景的场景就建立好了。

2. Tile Map

瓦片地图。如果将整个地图上的所有组成零件(土地,花,草)画在一张图片上面,然后对图片其进行切割。最后在 Tile Map 进行当前地图的绘制。

  1. 将整个图片进行切割:

点击刚刚的 Environment 文件夹下的 tileset 文件,首先将 Pixels Per Unit 改为 16,然后在 Inspector 中找到 Sprite Mode,改成 Multiple(因为这张图片包含多个 Sprite),点击 Apply。再点击 Sprite Editor。

会弹出 Sprite Editor 对话框:

选择 Slice,如果选择 Automatic 的话,可能不会将元素切割的很细,我们可以自己定义成下面的 Grid By Cell Size,由于之前都是 16,所以这里选择16,点击 Slice。切割完毕之后记得点击 Sprite Editor 中的 Apply。

(其实在素材中已经有切割好的图片)

  1. 选择 Window-2D-Tile Palette,跳出一个框:

先选择 Create New Palette,然后它会问你创建在哪里,默认在 Envrionment 中,可以在这个文件夹下新建一个文件夹 map 单独存放,然后再将已经切割好的 tile-set-silced 拖入 Tile Palette 中,选择我们刚刚新建的 map 文件夹,这个时候每个元素都是一个单独的块了。

  1. 绘制瓦片地图

在 Hierarchy 面板中右键选择 2D Object-TileMap-Rectangular,点击创建好的 TileMap,然后再打开之前的 Tile Palette 就可以开始在上面绘制自己的地图了。

选择 Tile Palette 的画笔,就可以将每个方格内的东西绘制在选中方格内,最后绘制好的地图如下(按素材作者制作的游戏画的,因为最终是想复刻一个一模一样的)

注意:在绘制过程中,需要在 Grid 下新建多个 Tilemap,越排在下面的层次越高(类似于图层)。土地和背景的花、草需要分图层,如果画在一个 Tilemap 上,后面对 Tilemap 增加碰撞体的时候没办法处理掉这些明明可以穿过去的东西,就会变得比较麻烦,需要重新绘制细节。

标签:02,Palette,横板,Sprite,Tilemap,素材,点击,Tile,绘制
来源: https://www.cnblogs.com/redwave2002/p/16328970.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有