生成可解的Double-Choco谜题:数据结构与算法深度解析

生成可解的Double-Choco谜题:数据结构与算法深度解析

本文深入探讨了如何自动生成Nikoli杂志的Double-Choco谜题。文章首先介绍了游戏规则及其生成挑战,随后详细阐述了基于二维单元格网格的核心数据结构,并给出了利用递归遍历识别谜题区域的算法。在此基础上,文章进一步提出了一个迭代构建与回溯相结合的谜题生成策略,涵盖了形状表示、边界设置、验证机制等关键环节,旨在提供一套完整且专业的谜题生成解决方案。

1. Double-Choco 谜题生成挑战

double-choco(双巧克力)是一款由nikoli杂志推出的独特逻辑谜题。游戏目标是将一个由白色和灰色单元格组成的二维网格划分为若干个独立的区域(块)。每个块必须包含一对形状和大小完全相同的白色和灰色区域。这两个区域可以是彼此的旋转或镜像。某些区域可能带有数字,表示该颜色在该块中的单元格数量。

自动生成此类谜题的核心挑战在于:

如何有效地表示网格、单元格及其边界状态。如何识别和比较复杂的不规则形状。如何在填充网格的同时,确保每个生成的块都符合“同形同大”的规则。最重要的是,如何保证最终生成的谜题是可解的,即不存在无法匹配或导致死锁的孤立区域。

2. 核心数据结构:二维单元格网格

为了有效地管理谜题板的状态,建议使用一个二维数组来表示网格,其中每个元素都是一个cell(单元格)对象。这个cell对象需要包含足够的信息来描述其自身状态以及与相邻单元格的连接关系。

let cell = {    x: Number,         // 单元格的X坐标    y: Number,         // 单元格的Y坐标    color: "white" | "gray" | null, // 单元格的颜色,生成前可为null    number: null | Number, // 可选:该颜色在该块中的单元格数量    top: true | false, // 上方是否有边界(true表示有墙,false表示与上方单元格连通)    bottom: true | false, // 下方是否有边界    left: true | false,  // 左方是否有边界    right: true | false, // 右方是否有边界    taken: false,      // 是否已被某个块占用(在生成过程中使用)    blockId: null      // 所属块的唯一标识符(用于区域识别)};

数据结构解析:

x, y: 记录单元格的坐标,方便在算法中传递和引用。color, number: 最终谜题的属性,在生成过程中逐步确定。top, bottom, left, right: 这是定义块边界的关键属性。当一个方向的布尔值为true时,表示该单元格与相邻单元格之间存在一条实线边界;false则表示它们是连通的,属于同一个潜在的区域。初始时,所有这些边界都可以设置为false,表示整个网格是一个大连通区域。taken: 在谜题生成过程中,用于标记已被分配到某个块的单元格,避免重复处理。blockId: 在完成块识别后,用于标记单元格所属的块。

3. 算法:从边界定义到区域识别

在谜题生成过程中,我们不仅需要设置边界,还需要能够验证这些边界是否正确地划分了区域,以及识别出各个独立的块。这可以通过一个基于深度优先搜索(DFS)或广度优先搜索(BFS)的“洪水填充”(Flood-Fill)算法来实现。

以下是一个递归实现的take函数,用于在给定边界条件下识别连通的单元格区域(即一个块或一个子区域)。

function extractBlocks(cells) {    // 初始化所有单元格的 taken 状态为 false,blockId 为 null    for (let row of cells) {        for (let cell of row) {            cell.taken = false;            cell.blockId = null;        }    }    let currentBlockId = 0;    const height = cells.length;    const width = cells[0].length;    // 递归函数:用于遍历并标记属于同一连通区域的单元格    function take(cell, blockId) {        // 边界检查:防止越界        if (cell.x = width || cell.y = height) {            return;        }        // 如果单元格已被访问或不属于当前块(即已被其他块占用),则返回        if (cell.taken) {            return;        }        cell.taken = true;     // 标记为已访问        cell.blockId = blockId; // 分配块ID        // 递归访问未被边界阻挡的相邻单元格        if (!cell.top && cell.y > 0) { // 如果上方没有边界且未越界            take(cells[cell.y - 1][cell.x], blockId);        }        if (!cell.bottom && cell.y  0) { // 如果左方没有边界且未越界            take(cells[cell.y][cell.x - 1], blockId);        }        if (!cell.right && cell.x < width - 1) { // 如果右方没有边界且未越界            take(cells[cell.y][cell.x + 1], blockId);        }    }    // 遍历所有单元格,启动洪水填充以识别所有块    for (let y = 0; y < height; y++) {        for (let x = 0; x < width; x++) {            if (!cells[y][x].taken) {                // 发现一个未被访问的单元格,它是一个新块的起点                take(cells[y][x], currentBlockId++);            }        }    }    // 收集并返回识别出的块    const blocks = new Map();    for (let y = 0; y < height; y++) {        for (let x = 0; x < width; x++) {            const cell = cells[y][x];            if (cell.blockId !== null) {                if (!blocks.has(cell.blockId)) {                    blocks.set(cell.blockId, []);                }                blocks.get(cell.blockId).push(cell);            }        }    }    return Array.from(blocks.values()); // 返回所有识别出的块的数组}

take函数原理:该函数从一个未被taken的单元格开始,递归地访问所有与之连通(即之间没有边界)的相邻单元格,并将它们标记为已访问,并赋予相同的blockId。当所有可达的单元格都被访问后,一个完整的连通区域(一个块)就被识别出来了。通过遍历整个网格,对每个未被访问的单元格启动一次take过程,即可识别出所有的独立块。

4. 算法:自动生成可解谜题的策略

生成可解的Double-Choco谜题是一个复杂的搜索问题,通常采用迭代构建与回溯相结合的方法。

4.1 迭代构建法概述

基本思路是:从一个空白网格开始,迭代地选择一个未被填充的区域,尝试生成一个符合规则的“双巧克力”块(一对形状相同的白色和灰色区域),将其放置到网格中,并设置相应的边界。如果放置成功且没有导致后续的死锁(例如,留下无法匹配的孤立区域),则继续下一个块的生成;否则,回溯到上一步,尝试其他选择。

4.2 形状表示与匹配

要比较白色和灰色区域的形状,我们需要一种标准化的表示方法。

相对坐标集: 一个形状可以表示为其所有单元格相对于其“左上角”或“最小X、最小Y”单元格的相对坐标集合。例如,一个L形可能表示为 {(0,0), (1,0), (0,1)}。形状规范化: 为了方便比较,需要对形状进行规范化。例如,将其所有相对坐标平移,使最小X和最小Y都为0。旋转与镜像变换:旋转90度: (x, y) 变为 (-y, x),然后重新规范化。镜像(水平): (x, y) 变为 (-x, y),然后重新规范化。镜像(垂直): (x, y) 变为 (x, -y),然后重新规范化。通过对一个形状进行所有可能的旋转和镜像变换,生成其所有等价形态的集合。在匹配时,只需检查灰色区域的规范化形状是否在白色区域的等价形态集合中。

4.3 边界的动态设置

当确定了一个白色区域W和一个灰色区域G形成一个块时,需要更新其内部单元格的top, bottom, left, right属性:

对于块内的每个单元格c:如果c的某个方向的邻居n也属于当前块(即n在W或G中),则c与n之间的边界应设置为false(连通)。如果c的某个方向的邻居n不属于当前块(即n在块外或不存在),则c与n之间的边界应设置为true(有墙)。

4.4 关键的验证与回溯机制

这是生成可解谜题的关键。每次放置一个块后,必须进行验证:

孤立区域检查: 使用第3节的extractBlocks函数,检查网格中所有未被taken的单元格形成的连通区域。如果存在任何一个区域的单元格数量为奇数,则说明当前块的放置导致了后续无法完成匹配的情况,必须回溯。死锁检查: 随着网格被填充,剩余的空白区域可能会变得支离破碎。需要确保剩余的空白区域仍然能够形成至少一对匹配的形状。这可能需要更复杂的启发式或预判。

4.5 生成算法流程细化

初始化网格:

创建XxY的cells二维数组。所有cell的color为null,taken为false。所有cell的top, bottom, left, right初始为false(表示无墙)。

主循环(回溯搜索):

定义一个递归函数generatePuzzle(grid)。基线条件: 如果网格中所有单元格都已被taken,则谜题生成成功,返回grid。选择起点: 找到网格中第一个未被taken的单元格(sx, sy)。尝试生成白色区域W:从(sx, sy)开始,随机或启发式地“生长”一个白色区域W。W应是连通的,且只包含未被taken的单元格。控制W的大小(例如,2到板子大小的一半)。获取W的规范化形状及所有变换形态。尝试寻找匹配的灰色区域G:遍历所有未被taken的单元格(gx, gy)(除了W中的单元格)作为潜在的灰色区域起点。从(gx, gy)开始,尝试“生长”一个灰色区域G,使其形状能够匹配W的某个变换形态。确保G中的单元格也是未被taken的。如果找到一个匹配的G:a. 临时应用块: 将W和G中的单元

以上就是生成可解的Double-Choco谜题:数据结构与算法深度解析的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1513648.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 07:53:00
下一篇 2025年12月20日 07:53:14

相关推荐

  • Vue中基于DOM更新结果动态显示元素的技巧

    本文探讨了在Vue v-for循环中,根据DOM元素(如文本内容)是否溢出其容器来动态显示或隐藏按钮的挑战。针对v-if与异步DOM更新不同步的问题,文章详细介绍了如何利用Vue的watch侦听器来监听DOM元素的引用数组,并在DOM更新完成后执行尺寸计算,从而优雅地解决这一常见场景。 解决Vue …

    2025年12月20日
    000
  • 使用 Tree-sitter JavaScript 解析器提取函数名

    本文介绍了如何使用 Tree-sitter JavaScript 解析器从 JavaScript 代码中提取所有函数名。通过递归遍历抽象语法树(AST),可以找到所有函数声明节点,并提取其标识符,从而获取函数名列表。本文提供详细的代码示例和解释,帮助读者理解和应用 Tree-sitter 解析器。 …

    2025年12月20日
    000
  • JavaScript 中类 A 能否实例化继承自 A 的类 B 对象?

    在 JavaScript 中,虽然技术上允许一个类 A 实例化一个继承自 A 的类 B 对象,但必须谨慎处理,以避免潜在的无限循环风险。 本文探讨了 JavaScript 中类 A 实例化继承自 A 的类 B 对象的可行性,并着重强调了潜在的无限循环风险。通过示例代码,清晰地展示了这种循环的产生以及…

    2025年12月20日
    000
  • JavaScript循环中向数组添加对象时只返回最后一个值的问题解析

    本文旨在解释为什么在JavaScript的for循环中,当向数组中添加对象时,最终数组中的所有对象都具有相同的值(通常是循环的最后一个值)。我们将通过一个具体的例子来说明这个问题的原因,并提供正确的解决方案,确保每次循环迭代都能将具有唯一属性值的对象添加到数组中。 问题分析 在JavaScript中…

    2025年12月20日
    000
  • JavaScript中类A能否实例化继承自A的类B的对象?

    在JavaScript中,一个类A实例化一个继承自A的类B的对象,从语法上来说是允许的。然而,这种设计模式需要谨慎处理,因为存在潜在的无限循环风险。 循环依赖与无限递归 考虑以下场景:类A的fct方法实例化了类B的对象,而类B继承自类A。如果在类A的fct方法中,实例化B之后又调用了B的fct方法,…

    2025年12月20日
    000
  • JavaScript循环中向数组添加对象时只保留最后一个值的问题解析

    在JavaScript循环中,当尝试向数组中添加对象时,可能会遇到所有数组元素都指向同一个对象,最终数组中所有对象的值都等于循环结束时的最后一个值的情况。这是因为在循环外部定义了对象,每次循环只是修改了该对象的值,然后将该对象的引用添加到数组中。本文将深入探讨这个问题的原因,并提供正确的解决方案。 …

    2025年12月20日
    000
  • 深入理解JavaScript循环中的对象引用:为何数组元素全部指向最终值?

    本文探讨了JavaScript循环中将对象推入数组时,所有数组元素最终指向同一对象并显示最后更新值的问题。核心原因是对象在JavaScript中是按引用传递的,如果在循环外部创建对象,每次迭代更新的都是同一个对象实例。解决方案是在每次循环迭代内部创建新对象,以确保数组中存储的是独立的对象副本。 循环…

    2025年12月20日
    000
  • JavaScript循环中数组元素总是最后一个值的原因及解决方法

    本文旨在解释为什么在JavaScript的for循环中,向数组中添加对象时,所有元素最终都显示为循环的最后一个值。文章将分析问题代码,阐述原因,并提供正确的代码示例,帮助开发者避免此类错误。 在JavaScript中,当我们在循环中向数组添加对象时,如果每次循环都修改同一个对象,而不是创建新的对象,…

    好文分享 2025年12月20日
    000
  • JavaScript 循环中对象引用问题及解决方案

    本文旨在帮助开发者理解 JavaScript 中循环内对象引用的常见陷阱,并提供有效的解决方案。通过示例代码和详细解释,我们将深入探讨为什么在循环中重复使用同一个对象会导致所有数组元素指向相同的值,并演示如何正确地创建和添加新对象,从而获得预期的结果。 问题分析:对象引用与循环 在 JavaScri…

    2025年12月20日
    000
  • JavaScript函数中插入加载动画(Spinner)的正确姿势

    本文旨在解决在JavaScript函数中正确插入加载动画(Spinner)的问题。通过示例代码,详细讲解如何使用async/await和Promise.all来确保Spinner在数据处理完成前后正确显示和隐藏,避免异步操作导致的显示问题,提升用户体验。 问题背景 在进行数据处理,特别是涉及异步操作…

    2025年12月20日
    000
  • JavaScript函数中插入加载动画(Spinner)的正确方法

    本文旨在解决在JavaScript函数中插入加载动画(Spinner)时遇到的异步问题。通过引入async/await和Promise.all,确保在数据处理完成前后正确显示和隐藏加载动画,提升用户体验。我们将提供两种实现方案,并详细解释其原理和优势。 在Web开发中,当执行耗时操作时,显示加载动画…

    2025年12月20日
    000
  • JavaScript 函数中插入 Spinner 的正确姿势

    本文旨在解决在 JavaScript 函数中插入 Spinner(加载指示器)时遇到的问题,并提供两种基于 Promise 和 async/await 的解决方案,确保 Spinner 在数据处理期间正确显示,并在处理完成后隐藏,从而提升用户体验。通过示例代码,详细讲解了如何利用 async/awa…

    2025年12月20日
    000
  • 在Jest和MSW中测试React GraphQL Fetch请求的完整指南

    本教程详细讲解了在基于Create React App的React项目中,使用Jest和MSW测试GraphQL fetch请求时遇到的常见问题及解决方案。主要涵盖了在Node环境中fetch未定义的错误,以及MSW无法拦截相对路径请求的问题。通过引入isomorphic-fetch polyfil…

    2025年12月20日
    000
  • JavaScript仪表盘颜色动态调整:实现低值预警功能

    本教程详细介绍了如何使用JavaScript增强现有仪表盘组件,使其能够根据数值动态改变填充颜色。我们将聚焦于实现一个低值预警功能,即当仪表盘数值低于特定阈值时,自动将填充颜色切换为红色,并在数值恢复正常时重置颜色,从而提升用户体验和数据可视化效果。 1. 理解仪表盘组件结构 在实现动态颜色变化之前…

    2025年12月20日
    000
  • Next.js 条件渲染中如何确保默认组件的服务器端渲染

    在Next.js应用中,基于React.useState的条件渲染默认情况下无法实现服务器端渲染(SSR),因为useState的初始值在客户端初始化。为确保条件渲染的默认组件能够被服务器端渲染以优化SEO,核心解决方案是利用getServerSideProps在服务器端预设初始状态值,并将其作为p…

    2025年12月20日
    000
  • JavaScript仪表盘填充颜色动态变化:基于数值阈值的视觉反馈

    本教程详细介绍了如何使用JavaScript为仪表盘组件实现填充颜色的动态变化。通过修改setGaugeValue函数,我们可以根据仪表盘的当前数值(例如,低于5%时显示红色),实时更新其背景色,从而提供直观的视觉警示,增强用户体验。 在现代web应用中,仪表盘(gauge)组件常用于直观地展示数据…

    2025年12月20日
    000
  • 高效实现网页反向滚动:纯JavaScript解决方案

    本文介绍如何使用纯JavaScript高效实现网页反向滚动功能,解决传统方法中滚动不彻底和性能问题。通过监听’wheel’事件并利用scrollBy方法,开发者可以轻松创建流畅且完全受控的反向滚动体验,同时讨论了动画平滑度的注意事项。 理解反向滚动需求与传统挑战 在某些特定的…

    2025年12月20日
    000
  • 掌握JavaScript DOM效果到React组件的转换:以文本乱码特效为例

    本教程将详细指导如何将传统的JavaScript DOM操作代码重构为现代React组件。通过一个文本乱码(Scramble Text)特效的实例,我们将深入探讨React Hooks(useState和useEffect)在状态管理、事件处理和副作用清理中的应用,并提供专业且优化的代码实现,帮助开…

    2025年12月20日
    000
  • React中实现鼠标悬停文本乱码渐变效果:从原生JS到组件化实践

    本教程将指导您如何将一个原生JavaScript实现的鼠标悬停文本乱码渐变动画效果转换为可复用的React组件。我们将重点介绍React的useState、useEffect和useRef钩子,并解决原生DOM操作在React环境下的适配问题,最终提供一个结构清晰、易于维护的React组件实现,确保…

    2025年12月20日
    000
  • WebRTC屏幕录制:精确同步鼠标轨迹与视频帧的策略

    本文旨在解决WebRTC屏幕录制中,如何将鼠标位置与视频帧精确同步的问题。由于API限制,无法直接获取与每帧对应的鼠标事件。教程将详细介绍一种基于时间戳的同步策略,通过requestAnimationFrame周期性记录鼠标坐标及其相对时间戳,实现鼠标轨迹数据与视频流的有效关联,为后续视频编辑提供精…

    2025年12月20日
    000

发表回复

登录后才能评论
关注微信