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.
Thành tựu nổi bật
Những danh hiệu mới nhất của dự án
#1 Repository Của Tuần
#1 Repository Của Tuần
#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.
Rebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings