目录图层

图层

每个迷宫都由七个相互独立的图层绘制而成,每一层都有各自的颜色、宽度和拐角样式。本页自后向前逐层讲解整个图层堆叠,并把每一层单独呈现出来,让你清楚看到它各自负责什么。

图层如何堆叠#

图层自后向前依次绘制:画布,然后是背景边框内部通道解答——最后是墙壁,压在所有元素之上。每一层都可以单独设置样式,任何一层也都可以整层关闭。

七个图层叠加在一起。解答从墙壁下方穿行。 1600×900

衬底分组#

工作室把最外侧的三个图层——画布、边框和背景——归入同一个衬底分组,按外层 → 边缘 → 内层排列。如果你直接用过引擎,可能更熟悉它们的内部名称:backgroundcontourprofile

工作室左侧栏中的衬底分组。

画布#

画布是整个输出画面,也就是迷宫背后的一切。它默认为透明:工作室会在那里显示棋盘格;在你给画布指定颜色之前,导出的文件就是没有底色的。

单独呈现的画布——位于所有元素之后、贯穿整个输出的画面。 1024×1024

边框#

边框是一条环绕迷宫轮廓描出的线。两个控件决定它的形态:偏移决定线的位置,也就是从迷宫边缘到线条中心线的距离(以单元格大小为单位);宽度则决定线条有多粗。

最容易搞错的地方是:偏移定位的是中心线,而宽度会让线条朝两侧均匀变粗——多出来的宽度一半向内、朝迷宫生长,另一半向外生长。所以迷宫与边框之间的可见间隙是offset − width / 2;偏移很小而边框又很宽时,边框会一直贴到迷宫边缘。在菱形网格上,边框在四角方向会多伸出约 1.4 倍,好让框线避开菱形的尖角。

单独呈现的边框——偏移决定它的中心线位置,宽度让它朝两侧同时变粗。 1024×1024

背景#

背景填充的是迷宫轮廓本身——单元格所占据的那片形状,位于边框以内其他所有元素之下。它是衬底分组里的一层,而不是整个衬底。给迷宫套上形状之后(参见形状与蒙版),为轮廓上色的正是这一层。默认关闭。

单独呈现的背景——对迷宫自身轮廓的填充。 1024×1024

内部#

内部是单元格的地面,也就是走廊在其上开凿出来的那层表面。它的宽度控件让地面相对墙壁向内收缩,拐角样式则决定收缩后的转角是方角还是圆角。

单独呈现的内部——迷宫里面的地面。 1024×1024

通道#

通道图层描绘的是开放的走廊,也就是你真正能走通的路线。这一层负责走廊的上色;至于走廊如何形成(环路、交叉通道、长通道),相关设置在通道与结构一页。

单独呈现的通道——上了色的开放走廊。 1024×1024

墙壁#

墙壁就是迷宫本身。它默认为黑色,有自己的宽度和拐角样式;又因为它最后绘制,所以压在其他每一层之上,解答也不例外。

单独呈现的墙壁——最后绘制,压在所有元素之上。 1024×1024

解答#

解答会叠加显示入口到出口之间的最短路线(默认为红色)。它绘制在墙壁的正下方;除了未求解的迷宫,你还可以另外导出一份带解答的版本。入口和出口的选择请见入口、出口与解答一页。

单独呈现的解答——位于墙壁之下的最短路径。 1024×1024

宽度与拐角#

本页提到的每一个宽度都是单元格大小的百分比,所以同一份配方从名片放大到海报,都能干净利落地缩放。

  • 圆角是真正的圆弧几何:在保留笔直段落的同时画出弧线,而不是把转角切掉。
  • 方角让每一处衔接都干净利落,透着精确的技术感。