无需登录 数据私有 本地保存

迷宫生成器 - 算法随机迷宫Canvas绘制

教育工具 趣味工具 Canvas 生成 迷宫
125
0
0
0
以下是迷宫生成器的详细使用教程，帮助您快速上手并充分利用工具的各项功能： 第一步：设置迷宫尺寸。在页面上方的参数设置区域，找到「行数」和「列数」两个输入框。默认值通常为 20×20，您可以根据需要自由调整。如果您是初次使用该工具，建议从较小的尺寸开始体验，例如 10×10 或 15×15，这样可以在短时间内直观了解算法的工作原理。当您熟悉了基本操作后，可以逐步增大尺寸，体验更复杂的迷宫结构。需要注意的是，迷宫尺寸越大，生成和求解所需的计算时间也相应增加，在 100×100 的超大尺寸下，动画可能会有轻微的延迟，这属于正常现象。 第二步：选择生成算法。在算法选择区域，您可以看到「递归回溯」和「Prim 算法」两个选项按钮。点击选择您想要使用的算法，被选中的算法按钮会以高亮样式显示。两种算法各有独特的风格特点——递归回溯算法生成的迷宫走廊较长、路径连贯性强，适合喜欢连续探索体验的用户；Prim 算法生成的迷宫分支密集、死胡同较多，适合喜欢复杂决策和反复回溯的用户。建议您分别使用两种算法生成相同尺寸的迷宫，亲自比较和感受它们的风格差异。 第三步：生成迷宫。确认尺寸和算法设置后，点击页面上的「生成迷宫」按钮。迷宫区域将立即开始播放生成动画。在动画过程中，您可以观察到以下视觉标记：深蓝色单元格表示算法当前正在处理的位置，浅蓝色单元格表示已经访问过的区域，白色单元格表示尚未被触及的区域。墙壁会随着算法的推进而被逐个打通，形成连通的路径网络。整个生成过程通常在一秒内完成（对于中等尺寸的迷宫），超大尺寸可能需要数秒时间。 第四步：查看生成结果。生成完成后，迷宫将完整呈现在页面上。此时您可以自由缩放和拖拽查看迷宫的不同区域。起点通常位于迷宫的左上角，终点位于右下角。您可以尝试用眼睛追踪路径，看看自己能否找到从起点到终点的通路，这本身就是一种有趣的思维锻炼。 第五步：使用求解功能。如果您想看算法如何解迷宫，点击「求解」按钮，然后在弹出的选项中选择 BFS 或 DFS 算法。求解动画将从起点开始，逐步向外扩展探索。在 BFS 模式下，您会看到探索区域呈圆形逐层扩散，最终找到的路径一定是最短的；在 DFS 模式下，您会看到算法沿着一条路径不断深入，遇到死胡同时回溯，找到的路径可能较长但过程更富戏剧性。求解完成后，最优路径将以醒目的绿色高亮显示。 第六步：导出迷宫图片。对生成的迷宫满意后，点击「导出图片」按钮。在弹出的导出设置对话框中，您可以选择图片的缩放比例：1倍适合屏幕查看，2倍适合普通打印，4倍适合高质量大幅面打印。选择合适的比例后，点击「确认导出」，浏览器将自动开始下载 PNG 格式的迷宫图片文件。导出的图片文件名通常包含迷宫的尺寸信息，方便您管理和区分不同版本的迷宫。 第七步：重新生成新迷宫。如果您想尝试新的迷宫，只需再次点击「生成迷宫」按钮即可。每次点击都会基于随机种子生成一个全新的迷宫，无需手动清除或重置之前的迷宫。您可以反复生成并比较不同迷宫的特点，这也有助于您更深入地理解算法的随机性行为。
🔧 相关工具