100ideas / 浏览器实验 / 2026-11-12
100ideas 港区行动：浏览器里的第一人称射击游戏实验
港区行动是 100ideas 于 2026 年 11 月 12 日发布的一款浏览器第一人称射击游戏实验作品。整个游戏收录在一个 HTML 文件中，打开链接即可游玩，无需下载、无需安装、无需账号，运行时不发起任何外部资源请求。
项目事实
| 名称 | 100ideas 港区行动（Port Operation） |
|---|---|
| 类型 | 浏览器第一人称射击游戏，实验作品 |
| 开发者 / 发布者 | 100ideas |
| 发布日期 | 2026 年 11 月 12 日 |
| 载体 | 1 个 HTML 文件，1,425,914 字节（约 1.36 MiB）；gzip 后约 436 KiB |
| 外部资源请求 | 0（无外部字体、图片、脚本或分析服务） |
| 渲染 | WebGL2，three.js 内联打包，自定义 GLSL shader |
| 贴图与音效 | Canvas 2D 程序生成贴图；Web Audio 合成音效 |
| 本地数据 | 仅画质、灵敏度等设置，保存在浏览器 localStorage |
| 价格 | 免费，无广告、无内购 |
| 界面语言 | 简体中文 |
数据来源：2026-11-12 对发布文件的本地静态扫描与浏览器实测，未使用估算值。文件大小与压缩比为实测值，游戏内容更新后本表需同步修订。
玩法与操作
目标：切断堆场、仓库与码头三处上行中继，突破港区封锁，再前往码头南端的撤离艇登船。推进过程中会出现机械飞鸥与机械猎犬，需要边移动边应对。游戏提供画质、灵敏度、音量与视野范围设置。
键盘与鼠标
| 移动 / 视角 | WASD 移动；鼠标控制视角（点击画面捕获指针） |
|---|---|
| 战斗 | 左键开火、右键瞄准、R 换弹 |
| 交互与动作 | E 切断中继、Space 跳跃、Shift 冲刺、C 蹲伏、Esc 暂停 |
| 无指针锁定时 | 方向键或 IJKL 转向、Enter 开火、拖动鼠标调整视角 |
触屏与手柄
触屏：左拇指移动、右拇指转动视角，屏幕按钮负责开火、瞄准、换弹与跳跃。手柄：摇杆移动与转动视角、RT 开火、LT 瞄准、A 跳跃、B 蹲伏、X 换弹、Y 切断中继、L3 冲刺、Start 暂停。
它是怎么做出来的
游戏没有构建产物之外的资源。three.js 与全部游戏逻辑内联在同一个脚本中；场景几何体、集装箱涂装、锈迹、标牌与雨水由 Canvas 2D 在运行时绘制成贴图；音效由 Web Audio 合成；光照、海面与机械飞鸥使用自定义 shader。页面不加载外部字体、图片、脚本或分析服务，因此断网后只要页面已载入，仍可继续游玩。
这也是我们把项目称为「实验作品」的原因：命题不是复刻商业 3A 制作规模，而是验证一款具备完整场景、战斗与音效的 FPS，能否被压缩进单个 HTML 文件并直接在浏览器里运行。
系统要求与隐私
- 支持 WebGL2 的现代浏览器：Chrome、Edge、Safari、Firefox 的近期版本，并需开启硬件加速。
- 桌面端建议键盘与鼠标；移动端可用触屏，低端设备可在游戏内「设置」把画质调至「低」。
- 首次加载约 1.36 MiB，gzip 后约 436 KiB；画面质量与帧率取决于设备 GPU。
- 不收集、不上传任何数据：无账号、无外部请求、无分析脚本；设置仅存于浏览器本地。
- 若浏览器禁用硬件加速或不支持 WebGL2，游戏会显示启动失败提示。
常见问题
- 港区行动需要下载或安装吗？
- 不需要。游戏本体是单个 HTML 文件，打开「开始游玩」链接即可在浏览器中运行，无需下载、安装或注册账号。
- 港区行动是免费的吗？
- 是。作品免费开放，没有付费内容、内购或广告。
- 需要什么浏览器才能运行？
- 需要支持 WebGL2 并开启硬件加速的现代浏览器，例如近期版本的 Chrome、Edge、Safari 或 Firefox。若浏览器禁用硬件加速或不支持 WebGL2，游戏会显示启动失败提示。
- 手机上能玩港区行动吗？
- 可以，游戏提供触屏操作：左拇指移动、右拇指转动视角，屏幕按钮负责开火、瞄准、换弹与跳跃。低端设备可在游戏内「设置」把画质调至「低」。
- 游戏目标是什么？
- 切断堆场、仓库与码头三处上行中继，突破港区封锁，随后前往码头南端的撤离艇登船。过程中需要应对机械飞鸥与机械猎犬。
- 游戏会收集或上传我的数据吗？
- 不会。游戏页面不发起任何外部资源请求，没有账号体系与分析脚本；画质、灵敏度等设置只保存在浏览器本地的 localStorage 中。
- 为什么称它为「实验作品」？
- 这个项目的命题是：一款具备完整场景、战斗与音效的第一人称射击游戏，能否被压缩进单个 HTML 文件并直接在浏览器里运行。它仍在打磨中，不宣称商业 3A 水准。
- 港区行动是谁做的？如何联系？
- 由独立数字工作室 100ideas 开发与发布。反馈与建议可发至 [email protected]。
关于 100ideas
100ideas 是一个独立数字工作室，把想法变成作品，并保留一份持续生长的创作档案。港区行动是其中的一次浏览器实验：一个想法，被完整地做出来，然后立刻交到别人手上。