Irmingard 纸牌接龙（Backbone Marionette 网页卡牌游戏）

Irmingard 是一款以「清空牌桌」为目标的单人纸牌接龙（patience）游戏，使用 Backbone Marionette 与 CoffeeScript 构建，运行在浏览器中。作者在 README 中坦言，目前只支持单人模式，但他希望能和姐姐同时游玩——这也成为后续「协作模式」设想的起点。

与常见的 52 张纸牌接龙不同，Irmingard 使用两副牌共 104 张：四种花色（♠、♣、♦、♥），点数从 A、2、3 一直到 Q、K，不含大小王。游戏的核心目标是把所有牌按花色与点数升序（A 在前）送入弃牌堆。

项目最初是作者在 2012 年 11 月 CologneJS 演讲《Solitaire mit Backbone》的配套演示，因此它既是一个可玩的卡牌游戏，也是一份围绕 Backbone 生态组织前端代码的实践样本。

玩法指南

README 给出了简明的规则说明：

• 开局时牌桌由 9 列组成，从左到右分别铺 1、2、3、4、5、4、3、2、1 张牌；每列只有最下方一张是明牌且可移动，其余均为背面朝上、被压住的牌。
• 叠牌规则：点数较小的牌可以放到点数大 1 且颜色不同的牌下方。例如红桃 7 可以放到黑桃 8 或梅花 8 之下。
• 拖拽操作：悬停时，可拖动的牌会以绿色标记；拖动过程中，可放置的目标会以黄色标记。
• 双击一张牌，可将其直接送入弃牌堆。
• 点击右上角的「Hit me」按钮，可以从牌堆补入新的明牌，直到清空牌桌或用尽可行动作。
• 弃牌堆共有 8 个（每种花色 2 个），因此游戏中共有 8 张 A，每张各有一个重复副本；每个弃牌堆的第一张必须是 A。
• 当牌桌上的某一列被清空时，只有 K 可以放入该空列。
• 弃牌堆顶部的牌可以被拖回牌桌——README 特别提醒，这在游戏后期非常实用。

技术要点

README 的 Technologies 一节列出了完整的技术栈：

• HTML5 拖放 API（作者参考了 HTML5 Rocks 的拖放基础教程）
• Backbone.js 与 Backbone Marionette（视图与组合式 UI 组织）
• Backbone Relational（处理牌与列之间的关联关系）
• CoffeeScript 作为主要开发语言
• HAML Coffee Templates 作为模板方案
• Gon gem 向 JavaScript 传递数据
• Rails 3.2.8 作为后端与资源管线
• jQuery Pinkify
• 测试计划使用 Jasmine + Jasminerice + Guard Jasmine（PhantomJS）

README 的「Problems」一节记录了一个具体的回调时序问题：卡牌的 render 方法中无法直接设置可拖拽状态，因为渲染时 Backbone Relational 尚未更新该牌所属的 Column。作者观察到，Cards Collection 的 add 回调触发时，牌的 column 仍是旧值 4；直到 Column Model 的 handleAdd 回调执行，column 才更新为 0。作者提出的改进思路是：不在渲染时决定可拖拽性，而是在 Column.handleAdd 中更新，并让 CardView 绑定可拖拽性的变化来设置对应 HTML 属性，从而避免重复渲染。