惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Apple Machine Learning Research
Apple Machine Learning Research
爱范儿
爱范儿
博客园_首页
博客园 - 【当耐特】
V
Visual Studio Blog
博客园 - 叶小钗
月光博客
月光博客
美团技术团队
J
Java Code Geeks
小众软件
小众软件
Y
Y Combinator Blog
博客园 - Franky
Martin Fowler
Martin Fowler
博客园 - 聂微东
Microsoft Azure Blog
Microsoft Azure Blog
IT之家
IT之家
MyScale Blog
MyScale Blog
人人都是产品经理
人人都是产品经理
Microsoft Security Blog
Microsoft Security Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
阮一峰的网络日志
阮一峰的网络日志
酷 壳 – CoolShell
酷 壳 – CoolShell
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
云风的 BLOG
云风的 BLOG

机核

游戏性能旗舰最强之选,一加 Ace 6 至尊版国补到手价2999元起 6元钱自己更换电动车刹车线 《生化危机9:安魂曲》编剧Haris Orkin专访 摸金游戏?音乐游戏!暗区新赛季这把能弹的琴有何来历? 好评国产武侠SRPG《息风谷战略》免费DLC现已推出 | 机核 GCORES 碎片 《生化危机:安魂曲》将于5月实装首个免费更新内容 | 机核 GCORES 新锐东方游戏,谱写世界新章! 沉浸式恋爱视觉小说游戏《心象演算》免费试玩版现已正式上线 | 机核 GCORES 互动影游《代号三国:龙起》上线!穿越三国与曹操并肩、与佳人同行、与权谋博弈! 《老头收集梦想生活》,游戏酒桌会6,录音笔VOL.689 | 机核 GCORES 破界·共生——《白日梦:无限世界》五大核心游戏特点解析 价格已到史低,锐龙5 9600X/锐龙7 9700X正适合抄底 时间循环之旅即刻启程!《归环》一周目测试今日开启 热门在线韩游变魂游,洛奇衍生作能否打破“花瓶”魔咒? LG UltraGear evo 全新高端显示器系列:当“5K”遇见“AI”,不止强大,更懂热爱 反套路三国互动影游《代号三国:龙起》今日上线! 愿望单登记人数突破10万!备受瞩目的“女儿养成游戏” 《梦幻魔法公主》今日于Steam平台上线!限时八折优惠中 《黑神话:悟空》全球音乐会2026巡演将于4月29日12时开票 | 机核 GCORES “Snowguelike”生存肉鸽挖矿新作《蛙穿雪境》公布发售日期,5月7日正式上线 | 机核 GCORES 重塑移动办公、AI创作新境!全新华硕灵耀Air系列、ProArt 骁龙版震撼首发,创芯未来 均分88:《Saros》媒体评分汇总 | 机核 GCORES 上海烛龙公布合作遗迹探险游戏《吉时已到》首支预告片 | 机核 GCORES 首个独立游戏《萝薇日记》已上线Steam! 烛龙新IP《吉时已到》首曝,打造国内首款中式合作遗迹探险游戏 喜加一:《暗黑破坏神Ⅳ》国服现已开启限时免费领取本体活动 | 机核 GCORES 新版《生化危机》电影定于9月18日上映,官方网站现已上线 | 机核 GCORES 《冲就完事模拟器2》“星球大战”联动DLC正式宣布 | 机核 GCORES SteamController将于5月4日发售,售价99美元 | 机核 GCORES 事已至此,内存这么用也算省钱了,“2+1”非对称双通道应用实测
用笨方法学做 autotile 用的 tileset
mnikn · 2023-10-09 · via 机核

我看了很多次 autotile 和 tileset 相关的视频了,看视频时能理解,但是到了自己真正要做 autotile 要用的 tileset 时基本上不知道怎么做,想来想去原因应该是 tileset 的 tile 比较多,做起来不知道 autotile 时怎么对应,所以我把每一个 tile 的制作的对应方式都记录下来。 tileset 的形式我是参考YouTube视频“# Godot 4 Tutorial - Heart Platformer P7 - Autotile + Sloped Tiles”,可以作为参考对比。

autotile 的规则

在做 autotile 用的 tileset 时,先简单讲下 autotile 的规则,由于我用 godot,这里就以 godot4 的 autotile 设置方式为例, godot4 中 autotile 的规则有 Match Corners and Sides、Match Corners、Match Sides 三种,Match Corners、Match Sides 实际上都是简化版本,例子中是以 Match Corners and Sides 为例。

在设置 autotile 时,每个 tile 会被细分为 9 个小块,以下面的 1-9 标记为例,这 9 个小块的设置方式决定了当前这个 tile 是否会出现。

当你设置了 “5” 时,代表着当前的 title 启用,如果没有设置 “5” 的话,即使再怎么设置其他小块,这个 title 也不会启用。 那旁边 1~9 的小块标记又是什么意思呢?这个代表着当前 title 在什么情况下出现。1~9 小块标记的是其他 tile 出现的方向,如 1 是左上方、4 是正左方、9 是右下方这种。如你只标记了 “4” 和 “5” 的话,当前 title 就会在只有正左方有 tile,同时其他方向(左上方、左下方、正上方等等)没有 title 的情况下,当前 title 才会使用。

开始做 titleset

回归正题,我们从零开始做一个完整 autotile 用的 tileset,这里每个 tile 的大小是 16x16,首先看看最终图的 autotile 设置方式:

其中主要的难点在于衔接用的 tile 太多,根本不知道怎么对应,不过实际上衔接用的 tile也是从基础 tile 演变来的,我们先做基础 tile。

基础 tile

基础大块 9 格 首先是基础的大块 9 格,可以说后面其他 tile 都是从这 9 格演变来的:

对应 auto tile 的设置方式:

竖长条 3 格 竖长条的 3 格,一般是从大块 9 格中拿边缘然后拼接:

对应 auto tile 的设置方式:

横长条 3 格 横长条的 3 格,一般是从大块 9 格中拿边缘然后拼接:

对应 auto tile 的设置方式:

单格 最后一个单独的一格 tile,一般是从大块 9 格中拿边缘然后拼接成一格:

对应 auto tile 的设置方式:

基础 tile 完成! 有了上面这些基础的 tile 后,用 autotile 大体看起来是正常的,但是如果你画一些不太方正、不规则的 map 时,会发现连接处有点不协调:

接下来就是要做不同情况下衔接用的 tile 了,这部分也是最复杂的地方。

衔接用 tile

衔接用的 tile 众多,不过其实大部分都是复制粘贴。 大块 16 格 我们从大块 16 格衔接开始,如下图:

发现规律了吗,外围边缘其实是和基础 tile 的 9 格一样的,不同的只是里面衔接内容,而这里的衔接内容怎么画呢。一般会先画最里面的 4 格确定左上,左下,右上,右下四角的衔接内容,然后向四方扩散画周边 tile,把对应的衔接内容复制过去就好:

对应 autotile 设置:

竖长条 4 格 接下来是竖长条的 4 格,一般是从上面大块 16 抽取拼接:

对应 autotile 的设置方式:

横长条 4 格 横长条的 4 格,一般是从上面大块 16 抽取拼接:

对应 autotile 的设置方式:

单格 四角都有衔接的单格:

对应 autotile 的设置方式:

L 型 6 格 最后是零散的没有边缘各种衔接内容的排列组合,我把这些称为 L 型 6 格:

对应 autotile 的设置:

小结

至此一个 autotile 用的 tileset 基本上完成了,在制作的过程中一定会发现有很多重复的地方,实际上我记得有工具只要给出几个基础 tile 就能生成完整的 tileset,不过我忘记那个工具叫什么名字了(有认识的朋友可以说下),记得主要是要收费所以我还是自己搞算了。 上述做出来的文件在:https://mnikn.itch.io/autotile-template