qchart画完以后删除_Unity2019基础教程:TileMap搭建像素画场景关卡

本教程将指导你如何使用Unity引擎导入和拼接像素画游戏资源,创建2D关卡。首先了解Unity界面,接着在Photoshop中拆分Tile,然后将图片导入Unity并设置属性。使用TileMap拼接关卡,通过不同层来实现关卡设计,例如在本例中创建了超级马里奥的地下关卡。这是一个适合初学者的Unity2D游戏制作入门教程。
摘要由CSDN通过智能技术生成
92599d7803cf29acd3ca70d1c151e061.png

要使用Unity引擎制作游戏,第一步需要将游戏资源导入Unity。

游戏资源包括美术资源,音效音乐等。

先学习如何将像素画游戏场景导入Unity,并在Unity中拼出关卡。

小编以最简单的超级马里奥地下隐藏关卡为例。

1、Unity界面

735c57f6bd32dbc688d81bbb8c779f35.png

Unity默认界面有5个区域:

最上面是工具条;

下面是层级管理,预览区(也是操作区),属性管理;

最下面是文件管理。

2、使用Photoshop拆出场景Tile

使用Photoshop或Aseprite画好场景,然后讲相同的Tile拆出来。为了学习可以使用现成的场景,在这里使用超级马里奥的地下关卡场景。

92599d7803cf29acd3ca70d1c151e061.png

Tile的尺寸是16x16像素,将相同的Tile拆出来,就得到下面的Tile图,存为png。

2b4c170f59fe61e669f651007171bbe2.png

3、将图片转换为Unity TileMap

图片导入Unity,可以直接拖入文件管理面板的Assets文件夹内。也可以在面板内点击鼠标右键,选择Import New Asset...导入即可。

795527e9f145ed5f80757db855774dad.png

选中map,属性设置如下:

Texture Type:Sprite(2D and UI)

Sprite Mode:Multiple(Tile图片中包含多个Tile,因此选择Multiple)

Pixels Per Unit:16(因为马里奥的Tile尺寸为16x16)

Filter Mode:Point(像素画选这个就对了)

Compression:None(像素画选这个就对了)

6af9ecce5ca57a7b3d34b7f69b4adf82.png

设置好以后点Apply,再点击Sprite Editor。在打开的窗口中点Slice:

Type:Grid By Cell Size

Pixel Size:X16;Y16 (因为Tile尺寸是16)

4a3bfa7af5f241e13b93b9102970aa5e.png

点击Slice,Unity会将图片自动切为Tile,然后点击Apply,如果忘记点退出窗口的时候会提示是否Apply,确定即可。

现在文件窗口中的map上会出现一个播放图片,点击以后就会显示切好的Tile。

8f84aae3c068ec8d00a35769ddde879b.png

4、Unity拼关卡

在层级管理窗口右键新建2D Object-Tilemap,现在点击Scene,预览窗口就会变成格子界面,可以把它理解为UI画布,能在上面画出游戏场景。

50cb34629591dac3a0bdc4ab8712213e.png

点击菜单Window-2D-Tile Palette。

d0bd398a73c8f4a66c34f96c43b72a09.png

点击Create New Palette新建Tile Palette。

可以设置名称name,然后点Create。

0940799eb19f54b86f67ab859a42c819.png

将文件管理窗口的map拖入Tile Palette。

26a4daa9a80bb90ca5ec18429b6bba34.png

现在就可以使用Tile Palette里面的工具条上的画笔工具拼关卡了。

bcc0599a7212a86a231d55b8c475e823.png

5、关卡分层

✌️第一次在Unity拼出了游戏关卡!

很多像素画游戏场景会分层,即使是超级马里奥场景也有两层。可以将纯背景作为第1层,能够与角色交互的Tile作为第2层。

选中Grid新建Tilemap

17bb1101a40e14a11eb76bc3f986e2e1.png

在属性面板,将Order in Layer 设置为1。(这样新建的Tilemap就会成为第2层)

837607789ee9e6c0cdbcc041229dc3b7.png

选中新建的Tilemap,可以看到下层的场景。将下层的砖块删除,在新Tilemap上画出能够被角色破坏d砖块。

42e0f88557bd697715b6cd13ef752b40.png

完。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值