365天独立开发挑战第139个作品：MADA-SHUAIGARDEN，把经典人物放进一座阳光花园

今天是我365天独立开发挑战的第139个作品，这次做了一个有点好玩、有点怀旧、也有点荒诞的小网页：MADA-SHUAIGARDEN。

它不是一个普通的台词展示页，而是把电视剧《马大帅》里的人物和语录，做成了一个可以互动的3D阳光花园。打开页面后，整个画面不再是传统的文字列表，而是一片明亮的草地、池塘、花草、长椅、围栏和小动物。每个人物都变成一个体素小人，在花园里走来走去，像一个迷你舞台，也像一座正在运行的“辽北生活模拟器”。

这个工具最核心的设计，是“每个小人对应一个人物”。并且只会说属于自己的人物台词。点击人物，或者让系统随机触发，就会弹出对应的对话气泡。这样一来，台词不再只是静态文字，而像是从小人身上自然冒出来的一段生活碎碎念。

页面里我还加入了一个很有意思的交互：用户可以用鼠标把小人“揪起来”，然后扔来扔去。这个功能让整个页面从一个展示工具，变成了一个可以玩的互动小场景。你可以拖动小人，也可以旋转整个花园视角，滚轮拉近拉远，从不同角度观察这座小小的花园。

为了让页面更轻松，我把之前偏赛博朋克的黑客矩阵风格，调整成了更加明亮的阳光花园风格。天空、草地、花朵、池塘和柔和的界面面板，让整体氛围更像一个“怀旧人物游乐场”。它不是严肃的资料库，而是把人物、台词、记忆和网页互动融合在一起。

右上角还有一个特别的小设计：从《马大帅》播出时间2004年1月20日开始计算，到当前时间已经过去了多少天、多少小时、多少秒。这个实时计时器让页面多了一层时间感。经典作品之所以被人记住，不只是因为台词好笑，更是因为它陪着很多人走过了很多年。

这就是第139个作品：MADA-SHUAIGARDEN。

注：网页并非盈利项目，主要是为了测试独立开发技术，以及供大家回忆优秀的艺术作品~