自我介绍:福尔摩斯原著热衷粉丝,柯南道尔、阿加莎、东野圭吾等小说粉丝。
211微电子专业毕业,正在转型AI工程师以及偷偷进行OPC创业的前ISP工程师、FPGA工程师。
处于人生迷茫阶段,未来多种方向,还在探索中。
作品介绍:起初这是一份我为参加 外滩黑客松大赛 而作的作品, 我后来想要做就要做的精美些,能有大量喜欢侦探推理朋友来交流就更好了。于是把「侦探推理」做成一个精美、可玩、可跳转的网站, 而不是一张静态的展示页。参考了 bund-summit-2026 的版式语言, 但我们用整座维多利亚雾都重新讲了故事。
缘起
我参加外滩黑客松大赛比赛,想要做一个以福尔摩斯与侦探推理为主题的页面。 再三思考后,我的设计要求有三:非常精美、富有创意、 多页面跳转与丰富交互。我们决定先本地完成,再原样上传到自有域名服务器。
于是有了「贝克街档案馆」——四个可互跳转的篇章,与一组贯穿始终的侦探档案进度系统。
玩法导览
设计语言
维多利亚雾都 · 卷宗档案
煤气灯金、蜡封红、羊皮纸与墨黑——统一的视觉基调贯穿所有页面。
零依赖 · 纯静态
仅 HTML / CSS / JS。所有插画为内联 SVG,所有音效由 WebAudio 程序生成——上传即用,无需构建。
放大镜光标 · 雾气 · 墨迹转场
跟随鼠标的透镜光标、Canvas 雾粒、点击翻页时的墨迹扩散,以及胶片颗粒与暗角。
跨页侦探档案
案件线索、审讯、证据板、训练成绩写入 localStorage,四章互通,并生成等级与完成度。
技术与致谢
本站为纯前端静态站点,使用语义化 HTML、原生 CSS 变量与少量原生 JavaScript 实现, 刻意不引入任何框架与第三方素材,以保证「上传即用」。字体由 Google Fonts 提供。
灵感参考 · bund-summit-2026
主题 · 福尔摩斯 / 侦探推理
赛事 · 阿里云百炼黑客松
视觉 · 维多利亚雾都
字体 · Cinzel / Cormorant / Special Elite / Noto SC
© 1895–2026 THE BAKER STREET FILES · MADE FOR BAILIAN HACKATHON