This is a submission for the
Video Demo
Code
Solve decryption puzzles, uncover enemy plans, and prevent war in this tactical codebreaking game inspired by Alan Turing.
Break The Code
"Break their code. Save the fleet."
Break The Code is a fast-paced, naval intelligence-themed puzzle game where players must intercept and decrypt enemy signals to protect the fleet before time runs out.
🚀 Key Features
Naval Intelligence Command Experience: Immerse yourself in a high-stakes mission environment.
Decryption Puzzles: Engaging, logic-based puzzles representing intercepted enemy transmissions.
Dynamic Game Engine: Built with HTML5 Canvas, featuring a fleet visualization engine.
Intense Gameplay: Manage your fleet's integrity while racing against the clock.
Responsive Design: Optimized for both desktop and mobile devices, ensuring critical data is always visible.
🛠️ Tech Stack
Framework: Angular (v21+) with Signals for reactive state management.
Language: TypeScript (Strict Mode).
Visuals & Styling: Tailwind CSS 4+ for a clean, technical, high-contrast UI.
Graphics: HTML5 Canvas API for real-time game engine rendering.
🏗️ Project Architecture
The project follows a feature-driven, scalable directory structure:
/src/app/canvas/: Contains the game engine…
How I Built It
Technical Approach
- Built the game using HTML5 Canvas for the battlefield and game visuals.
- Used Google AI Studio throughout the development process to build and improve the game.
- Used Gemini to help with gameplay ideas, mission flow, puzzle design, and balancing the difficulty.
- Designed the game around 5 missions, where each completed mission advances the enemy fleet and unlocks the next challenge.
- Added a 3-life system so every choice matters.
- Created different puzzle types using number and pattern sequences, including arithmetic patterns, prime numbers, Fibonacci sequences, and multi-step logic.
Interesting Decisions
- Instead of focusing on combat, I wanted players to stop the enemy by solving puzzles and breaking secret codes.
- I moved the enemy fleet in five strategic steps instead of continuous movement to make the growing threat easier to understand.
- I kept the interface simple and used short intelligence messages to tell the story without interrupting gameplay.
The goal was to create a simple experience where players use logic, observation, and problem-solving to uncover enemy plans and prevent war.
Prize Category
Best Ode to Alan Turing
- Inspired by Alan Turing and World War II codebreakers.
- Players use logic and code-breaking instead of weapons to stop the enemy.
- The game celebrates the power of problem-solving and intelligence.
Best Google AI Usage
- Used Google AI Studio and Gemini throughout development.
- Gemini helped shape the gameplay, puzzles, mission flow, and overall experience.
- Google AI acted as a creative partner from idea to final submission.
Community-Analysen & Experten-Meinungen 0
Verwandte Story-Cluster & Quellen (Vektor-KI)
Ähnliche Beiträge
Auch interessante Nachrichten Project Codebreaker: Save the Fleet
Thematisch verwandte Begriffe: Project, Codebreaker, Save, Fleet · 6 Treffer
ICEDID Configuration Extractor
Catching Cross-Language Copy-Paste Debt with Static Analysis and AI Pair-Programmers
Reverse Engineering / Authorized Penetration Testing / Security Research Skill Router Pack AI-powered routing + On-demand toolchain bootstrapping + Self-evolving knowledge base Supports Claude Code, Kiro, Cursor, Cline, and other AI coding clients
Videos werden geladen ...
Beiträge werden geladen ...
Videos werden geladen ...
Beiträge werden geladen ...
Videos werden geladen ...
Beiträge werden geladen ...
Videos werden geladen ...
Beiträge werden geladen ...
Videos werden geladen ...
SOCIAL SHARE CARD GENERATOR