This is a submission for the June Solstice Game Jam
What I Built
Break The Code
Inspired by the idea of codebreakers like Alan Turing during World War II, you play as an intelligence officer whose job is to intercept enemy messages, solve puzzles, and crack secret codes to uncover the enemy's plans.
Your Mission
- Intercept enemy transmissions.
- Solve decryption puzzles.
- Uncover the enemy fleet's plans.
- Stop their next move before it's too late.
As the war progresses, the puzzles become more challenging, testing your observation and logical thinking.
The Goal
Use your mind instead of weapons to prevent war and save lives. By breaking the enemy's codes before it's too late, you can change the outcome of the battle.
Live Url
Video Demo
Code
anshulnegitc
/
break-the-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.