https://www.dafei.me/tags/%E8%87%AA%E5%8A%A8%E5%9C%B0%E5%BD%A2/ Recent content in 自动地形 on 大飞的博客 Hugo zh-cn Tue, 23 Jun 2026 10:00:00 +0000 https://www.dafei.me/posts/tilemap-wangset-guide/ Tue, 23 Jun 2026 10:00:00 +0000 https://www.dafei.me/posts/tilemap-wangset-guide/ <blockquote> <p>本文基于 Tiled 的 Wangset 规范，以 corner 类型为主讲解如何标注 tileset、让编辑器自动选出正确的边角 tile。</p> </blockquote> <hr> <h2 id="一什么是-wangset">一、什么是 Wangset</h2> <p>手动拼 tilemap 时，每次都要自己判断某个位置该用&quot;左上角 tile&quot;还是&quot;上边 tile&quot;——一旦地形形状复杂，就很容易选错。</p> <p>Wangset 解决这个问题：你只需要<strong>一笔刷下去</strong>，系统根据周围邻居自动选出正确的 tile。</p> <p>核心思路是给每个 tile 标注<strong>它的每个角/边属于哪种地形颜色</strong>，绘制时系统计算当前格子的周围情况，再去 wangset 里找最匹配的 tile。</p> <!-- raw HTML omitted --> <!-- raw HTML omitted --> <!-- raw HTML omitted --> <!-- raw HTML omitted --> <p><!-- raw HTML omitted -->→<!-- raw HTML omitted --></p> <!-- raw HTML omitted --> <!-- raw HTML omitted --> <hr> <h2 id="二三种类型">二、三种类型</h2> <table> <thead> <tr> <th>类型</th> <th>使用的 bit</th> <th>适合的地形</th> </tr> </thead> <tbody> <tr> <td><strong>corner</strong></td> <td>4个角（NW/NE/SE/SW）</td> <td>填充型：城墙、草地、水域</td> </tr> <tr> <td><strong>edge</strong></td> <td>4条边（N/S/E/W）</td> <td>线条型：道路、河流、栅栏</td> </tr> <tr> <td><strong>mixed</strong></td> <td>全部8个 bit</td> <td>复杂过渡，需要更多 tile</td> </tr> </tbody> </table> <p><strong>大多数情况用 corner 就够了。</strong> corner 类型虽然只标角，但通过角的组合，间接表达了所有的边和拐角情况。</p>