RepositoryHTML
StarKnightt

StarKnightt/operation-ironhold

A complete first-person shooter in a single 290 KB HTML file. No build step, no assets, no dependencies beyond three.js from a CDN.

102sao
29fork
1issue
0lượt xem

Thành tựu nổi bật

Những danh hiệu mới nhất của dự án

1
TINIX TRENDING·Chủ đề: no-build-step

#1 Repository Của Tuần

1
TINIX TRENDING·Chủ đề: fps

#1 Repository Của Tuần

2
TINIX TRENDING·Chủ đề: web-audio-api

#2 Repository Của Tuần

🔫 Operation Ironhold — FPS hoàn chỉnh trong một file HTML duy nhất

Một game bắn nhún nhưng đầy đủ: AI đối thủ, vũ khí đa dạng, âm thanh sinh học tại thời gian chạy, và không có bất kỳ tệp tin nào khác ngoài index.html.

Operation Ironhold là một trò chơi bắn nhún (FPS) hoàn chỉnh chạy trực tiếp trên trình duyệt. Được tạo ra bởi một AI agent từ năm prompt, toàn bộ trò chơi chỉ nằm trong một file HTML 290KB với khoảng 6.500 dòng JavaScript và CSS. Mọi thứ — từ bộ kết xuất, thế giới, AI đối thủ, âm thanh, hiệu ứng hậu xử lý cho đến giao diện HUD — đều được sinh ra tại thời gian chạy. Không có bất kỳ tệp tin hình ảnh, âm thanh hay mô hình 3D nào.

✨ Điểm nổi bật

  • Hoàn toàn trong một file HTML: Chỉ 290KB, không cần cài đặt, không build step, không package manager.
  • Procedural generation: Thế giới, vũ khí, nhân vật và môi trường được sinh ra hoàn toàn bằng code.
  • Web Audio API sinh học thời gian thực: Mọi âm thanh — súng, bước chân, va chạm, heartbeat — đều được tạo ra tại thời gian chạy.
  • AI đối thủ thông minh: Đối thủ có hành vi bao trùm, tránh lửa, gọi trợ giúp và phản ứng theo thời gian thực.
  • Hệ thống vũ khí đa dạng: Bốn loại vũ khí khác nhau với đặc điểm và hành vi riêng biệt.
  • Hệ thống ADS chi tiết: Từng vũ khí có góc nhìn và cảm giác ngắm bằng súng riêng, kèm theo chuyển động mượt mà.
  • Post-processing và HUD: Bloom, recoil pattern cố định, brass eject và các hiệu ứng thời gian thực tăng tính thực tế.
  • Xây dựng bởi AI agent: Toàn bộ dự án được tạo ra từ năm prompt, được ghi lại chi tiết trong PROMPTS.md.

💡 Vì sao đáng chú ý

Điều đặc biệt về Operation Ironhold không chỉ là việc nó nhỏ gọn trong một file, mà còn là cách mọi thứ được sinh ra hoàn toàn từ code — từ bề mặt vật liệu (bê tông, thép, gỗ) cho đến âm thanh và AI. Điều này cho phép trải nghiệm một game FPS đầy đủ tính năng mà không cần bất kỳ tài nguyên bên ngoài nào. Trường hợp sử dụng phù hợp là cho những người muốn khám phá khả năng của trình duyệt hoặc tạo ra một trò chơi nhanh chóng mà không cần hạ tầng phức tạp.


#FPS #BrowserGame #ThreeJS #WebAudioAPI #ProceduralGeneration #SingleFile #TiniX

Dự án tương tự

Khám phá các dự án và mô hình AI khác có sự tương đồng.

RepositoryPython
img2threejs/img2threejs

Rebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.

19.2k
Oct 21, 2026
RepositoryJavaScript
mrdoob/three.js

JavaScript 3D Library.

116.9k
Oct 25, 2026
RepositoryJavaScript
mrdoob/three.js

JavaScript 3D Library.

116.9k
Oct 25, 2026
RepositoryTypeScript
pixijs/pixijs

The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

48.5k
Oct 26, 2026
RepositoryTypeScript
freeCodeCamp/freeCodeCamp

freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

457.9k
Oct 25, 2026
RepositoryPython
practical-tutorials/project-based-learning

Curated list of project-based tutorials

288.1k
Oct 26, 2026
RepositoryJavaScript
react/react

The library for web and native user interfaces.

251.8k
Oct 25, 2026
RepositoryTypeScript
vuejs/vue

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

212.6k
Oct 10, 2024
RepositoryJavaScript
trekhleb/javascript-algorithms

📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings

196.7k
Jul 26, 2026