跳到主要内容

记忆游戏 (Memory Game)

记忆游戏(又称翻牌配对)是一种经典的互动游戏,要求学习者翻转卡片并找出匹配的成对项。除了传统的“图片配对图片”,您还可以创建“图片配对关联概念(如单词图片)”或添加音频线索,使其成为语言学习和认知训练的强力工具。

本教程目标

  1. 掌握记忆游戏的多种配对模式(图-图、图-文、图-音)
  2. 学习如何利用“文字转图片”技巧突破组件限制
  3. 了解如何配置随机抽题与外观样式

第一次使用课灵?

请先注册并登录课灵账号(可以使用微信登录),在工作区点击"创建",并选择『记忆游戏 (Memory Game)』开始创作。

注册/登录

何时使用记忆游戏

  1. 关联记忆:将符号与含义配对(如交通标志 vs 规则说明),强化符号识别能力。
  2. 语言习得:配对实物图片与单词(需将单词存为图片),或配对图片与发音音频。
  3. 视觉辨别:使用相似但不同的图片(如植物的不同生长阶段)来训练观察细节的能力。
  4. 游戏化复习:在枯燥的练习中引入计时和尝试次数限制,增加挑战性和趣味性。

教程示例

下面是我们将在本教程中创建的记忆游戏示例,主题是「道路安全标志配对」,要求学习者将交通标志与其含义(单词/短语)进行配对。

示例:翻转卡片,将交通标志图片与对应的英文含义配对
快速复制示例
  • 点击 这里➜ 将示例复制到你的课灵工作区
  • 在打开的页面点击"复制" (注意:请确保已登录课灵账号,否则无法复制)
  • 随后在生成的副本中点击"编辑"
  • 即可查看并操作本教程所示的设置。

创建记忆游戏:分步指南

步骤 1:创建新内容

  1. 在课灵工作区点击「创建」,进入 H5P 编辑器
  2. 在内容类型列表中选择 『记忆游戏』 或搜索 Memory Game
  3. 进入编辑界面开始配置
选择记忆游戏内容类型
从 H5P 内容类型列表中选择『记忆游戏』

步骤 2:设置标题

『标题』 字段中输入:Road Safety: Word List Paring

设置记忆游戏标题
在『标题』字段中输入记忆游戏的主题

步骤 3:添加卡片配对

在这个示例中,我们将实现“图片 vs 文本图片”的配对模式。

关键技巧

记忆游戏 (Memory Game) 仅支持图片卡片。如果你想让用户匹配“图片”和“文字”,你需要将文字制作成图片(如截图或使用绘图工具)后上传。

点击 『添加卡片』 按钮,配置第一组卡片:

  1. 图像 (Image):上传交通标志图片(如红绿灯标志)。
  2. 配对图像 (Matching Image):上传对应的含义文字图片(如包含 "traffic signals ahead" 文字的图片)。
  3. 替代文本 (Alt Text):输入 traffic signals ahead sign。这对于无障碍访问非常重要。
  4. 配对成功文字 (Match found text):输入 You've found a match!
配置卡片配对
上传图片和配对图片(文字图),并设置替代文本

重复此步骤添加更多卡片(本示例共添加了 8 组)。

步骤 4:配置行为设置

向下滚动到 『行为设置』(Behavioural settings)

  1. 勾选 『将所有卡片显示在方形容器』(Position the cards in a square):这会让布局更整齐。
  2. 卡片的使用数量 (Number of cards to use):设置为 6
    • 注:虽然我们添加了8组卡片,但系统每次只会随机抽取6组进行游戏,这样可以保证每次玩都有新鲜感。
  3. 勾选 『显示「再试一次」按钮』(Show "Retry" button)
配置行为设置
勾选将所有卡片显示在方形容器,设置卡片使用数量为6,显示「再试一次」按钮

步骤 5:外观设置

展开 『外观』(Look and feel) 选项卡:

  1. 主题色调 (Theme Color):选择 GreyBlack 以增加对比度。
  2. 背面图像 (Card back):上传一张统一的卡片背面图案(如蓝色循环图标)。
配置外观设置
选择主题色调为Grey,上传统一的卡片背面图案

步骤 6:保存与预览

点击 『保存并关闭』 生成完整的示例内容。您现在应该有一个与本教程顶部示例类似的结果。


交互说明

  • 翻转卡片:点击卡片将其翻面。
  • 寻找配对:再次点击另一张卡片。如果两张卡片匹配,它们将保持翻开状态;如果不匹配,它们将自动翻回背面。
  • 完成挑战:当所有卡片都匹配成功后,游戏结束,系统会显示您的用时和尝试次数。

优化与可访问性

  • 替代文本 (Alt Text):对于视障用户,替代文本是他们理解卡片内容的关键。特别是当卡片是“图片化的文字”时,必须在 Alt Text 中输入准确的文字内容。
  • 颜色对比:选择与卡片内容对比度高的主题颜色(如黑/灰背景配白色卡片),以提高可读性。
  • 卡片数量:对于初学者或儿童,建议将卡片数量限制在 6 对以内,以免认知负荷过重。
  • 音频辅助:如果可能,为卡片添加音频轨道,这不仅能增强记忆,还能为有阅读困难的学习者提供额外的线索。

专家提示:用例灵感与相关内容类型推荐

想拓展『记忆游戏』的使用场景?以下是一些利用音频关联逻辑的高级用例:

  • 听力训练:上传发音作为音频轨道,让学生将“听到的声音”与“对应的图片/单词”配对。
  • 音乐理论:配对“乐器声音”与“乐器图片”,或配对“音程”与“乐谱符号”。
  • 因果关系:配对“原因图片”(如下雨)和“结果图片”(如打伞),训练逻辑思维。
  • 多语言对照:将 A 卡设为英语单词图片,B 卡设为中文含义图片(或音频)。
选型指南:记忆游戏 vs. 其他组件

在选择内容类型时,请根据记忆机制来决定: