The House 冒险游戏

The House 冒险游戏

项目简介

The House 是一个用 HTML、CSS（Less）和 JavaScript（重度依赖 jQuery） 编写的简易网页冒险游戏。作者 Artur Kot 表示，这是他人生中第一款游戏，开发时 JS 水平还很基础，正是通过这个项目大幅提升了前端开发能力。

游戏流程很短，但麻雀虽小五脏俱全，涵盖了房间探索、物品交互、NPC 对话、场景切换等冒险游戏的核心要素。

技术实现思路

每个房间大致对应一段 HTML 结构，用于定义桌子、窗户等物品以及点击热区；CSS 负责视觉呈现；JavaScript 负责 DOM 动画、交互逻辑与游戏状态保存。

脚本按职责拆分，便于阅读：

• js/game.js：顶层入口，串联各模块生成游戏
• js/room.js：生成房间并处理角色与世界交互，内含 A* 寻路算法
• js/items.js：管理玩家拾取的物品
• js/npcs.js：非玩家角色逻辑
• js/dialogue_box.js：各类弹窗与对话框
• js/data.js：游戏状态存档
• js/audio.js：音效定义
• js/scenes.js：过场动画
• js/view.js：窗外等外部视图渲染

依赖与资源

项目使用了 Modernizr、SoundManager 2、jQuery、jQuery UI、jQuery Transit、jStorage、Spritely 等前端库，音效来自 Freesound.org，贴图来自 CG Textures。

授权说明

• 代码采用 MIT License
• 美术资源采用 Creative Commons Attribution 3.0

二次开发或分发时需留意美术与音效资源的署名要求。