Simon Willison's Weblog

工具:疯屋 —— 乌斯伯恩恐怖电脑游戏

4.2内容质量
工具:疯屋 —— 乌斯伯恩恐怖电脑游戏

TL;DR · AI 摘要

文章展示了如何借助 Claude 工具将 1980 年代儿童编程书中的经典游戏 'Mad House' 重构成网页版。

核心要点

  • 使用 Claude 将复古计算机游戏 PDF 转换为可交互网页版
  • 原作来自 1983 年 Usborne 出版社的《Creepy Computer Games》
  • 重构后支持移动端并保留复古风格界面

结构提纲

按章节快速跳转。

  1. 介绍从 1980 年代书籍中获取的游戏源码及其历史意义。

  2. 利用 Claude 工具将纸质游戏转换为 HTML 和 JavaScript 版本。

  3. 采用复古终端风格,包含 ASCII 隧道、控制按钮及计数器元素。

  4. 重构后的游戏适配移动设备,具有良好的用户体验。

思维导图

用一张图看清主题之间的关系。

查看大纲文本(无障碍 / 无 JS 友好)
  • Mad House 重构项目
    • 原始资料
      • Usborne 书籍
      • 1983 年出版物
    • 技术流程
      • PDF 输入
      • Claude AI 处理
    • 输出成果
      • HTML + JS 实现
      • 移动端适配

金句 / Highlights

值得收藏与分享的关键句。

  • 通过 Claude 将 1983 年《Creepy Computer Games》中的 'Mad House' 游戏转化为现代网页版。

    第 2 段

    ⬇︎ 下载 PNG𝕏 分享到 X
  • 游戏界面模拟了复古绿色字体黑底终端风格,带有 ASCII 隧道和门控操作提示。

    第 3 段

    ⬇︎ 下载 PNG𝕏 分享到 X
  • 重构后的游戏支持移动端访问,具备响应式布局和复古美学特征。

    第 4 段

    ⬇︎ 下载 PNG𝕏 分享到 X
#AI工具#复古游戏#JavaScript#网页开发#历史编程
打开原文

标题:工具:Mad House —— 美术出版社的恐怖电脑游戏

URL 来源:https://simonwillison.net/2026/May/24/usborne-mad-house/

发布日期:2026年5月24日 星期日 21:01:41 GMT

Markdown 内容: 通过 Hacker News,我了解到英国出版商 Usborne 发布了他们 1980 年代电脑书籍的免费 PDF 版本,其中一些我在童年时曾在 Commodore 64 上阅读过。

这些书太棒了!插图精美,包含有趣的项目,你可以将其中的代码输入到自己的机器中运行。

我记得曾从 1983 年的《恐怖电脑游戏》一书中输入并玩过 “Mad House” 游戏,所以我将该 PDF 上传给了 Claude,让它用 JavaScript 和 HTML 构建了一个交互式的版本:

构建一个纯 JavaScript 的程序,完全重现这本书中的“Mad House”游戏,确保它支持移动端,并具有合适的复古美学风格

需注明书名并链接至 https://usborne.com/us/books/computer-and-coding-books

图像 1:一张复古绿底黑字终端风格的游戏界面截图,标题为“MAD HOUSE — A REAL NIGHTMARE —”,显示 REC 指示灯、FOOTSTEPS 240、DOORS 计数器,三排由星号组成的 ASCII 走廊,带有 “>” 和 “<” 门标记,“PRESS START TO BEGIN” 文字,近门控制(X 和 C),远门控制(N 和 M),以及底部的“▶ START / RESTART”按钮。
图像 1:一张复古绿底黑字终端风格的游戏界面截图,标题为“MAD HOUSE — A REAL NIGHTMARE —”,显示 REC 指示灯、FOOTSTEPS 240、DOORS 计数器,三排由星号组成的 ASCII 走廊,带有 “>” 和 “<” 门标记,“PRESS START TO BEGIN” 文字,近门控制(X 和 C),远门控制(N 和 M),以及底部的“▶ START / RESTART”按钮。