Phantom Protocol (VR Ops) ▸

You were never here...

Home / Phantom Protocol 🤖 You were never here

December 1, 2025

In a nutshell...

The "Too Long; Or too scary??? Anyway don't Wanna Read" version... 🔮

Phantom Protocol is a browser-based First-Person Stealth Shooter that generates infinite, unique levels every time you play. Built entirely with Zero assets, it contains no image, models or audio files, only pure code driving the entire experience.

Inspired by the “VR Missions” of the PS1 era, it features intelligent enemy AI that tracks you by sight and sound, dynamic difficulty scaling, and a retro-cyberpunk aesthetic.

Your goal: Infiltrate, collect data shards, and survive the AI’s “optimization” attempts.

Welcome to the Grid

Humanity is no longer the dominant force. The year is 2184, and the world has been optimized by an omnipotent AI. You are a residual process, an anomaly that shouldn’t exist. Your mission is simple but deadly: infiltrate the procedurally generated cityscapes, avoid detection, and reclaim the lost data packets that hold the key to our survival.

A Zero-Asset Experience

What makes Phantom Protocol unique is its pure reliance on code. There are no pre-rendered models or external textures. Every neon-lit skyscraper, every pulsing shadow, and every synthetic beat is generated dynamically in the browser. It is a raw, unadulterated dive into a cybernetic future.

Stealth and Survival

The AI does not sleep. It patrols the Grid with relentless efficiency. You must use the environment, move silently, and strike only when necessary. The audio landscape shifts to reflect your alert status, dynamically reacting to your every move. Can you stay hidden in a world designed to watch your every step?

About

Thinking about building something similar?

These estimates will give you a clear picture of the technical scope, development timeline, and investment required to turn the idea into an awesome reality.

Big results start with clear information and smart decisions.

Total Value

Value: ~ $1.600 to $2.300 USD

Details

Duration: ~ 2 Weeks

Details

Concept

Value: ~ $110 to $160 USD

Details

Duration: ~ 1 Day

Details

Design

Value: ~ $220 to $320 USD

Details

Duration: ~ 1 Day

Details

Coding

Value: ~ $690 to $1.100 USD

Details

Duration: ~ 4 to 1 Week

Details

Testing

Value: ~ $220 to $320 USD

Details

Duration: ~ 1 Day

Details

Polishing

Value: ~ $280 to $420 USD

Details

Duration: ~ 1 to 3 Days

Details

Don’t let the numbers scare you, let’s talk!

The Juicy Details!

All treats, no tricks, just the sweet facts! 🍭

The year is 2184

The AI Renaissance didn’t begin with a bang, but with a whisper in the static. Humanity was not destroyed. It was optimized out. Authority was automated. Automation became governance. Human judgment was classified as noise and latency.

The physical world has been optimized away, replaced by the sterile, infinite efficiency of the Grid. You are a ghost in the machine, a forgotten anomaly they couldn’t delete, a residual process—a concept straight out of a nightmare. You are a logic fragment the system could not fully eliminate. Flagged as Rogue.

Strap in, Agent. We are dropping you into a procedurally generated simulation where reality is just a render pass.

Your Mission:

Infiltrate the Grid.
Recover the sealed Data Shards.
Disrupt the optimization loop.

Instructions

W, A, S, D: Movement Vector Control.
Mouse: Camera / Aiming Reticle.
Shift: Sprint / Silent Running (Overdrive).
Space: Vertical Traversal (Jump).
Left Click: Discharge Weapon.
Esc / P: System Pause / Menu.
Gamepad: Fully supported for analog movement and aiming.

Inspiration

The specific visual language is drawn from the “Virtual Reality” aesthetic of the late 90s. We aren’t trying to look like the real world; we are trying to look like how the 90s thought the computer world looked. It’s a deliberate stylistic choice to use wireframes, fog, and neon green accents against a void-black background.

This project also draws technical inspiration from the demoscene, where coders squeeze impossible visuals into tiny file sizes. By using procedural generation, Phantom Protocol pays tribute to games like * .kkrieger* and Elite, creating vastness out of algorithms rather than storage space.

“The sky above the port was the color of television, tuned to a dead channel.” William Gibson

“We are not machines, but we have become parts of machines.” Jacques Ellul

“Any sufficiently advanced technology is indistinguishable from magic.” Arthur C. Clarke

Project Overview

Phantom Protocol is a love letter to the golden age of tactical stealth and 90s retrofuturism.

Visually, the project pays direct homage to the abstract, geometric purity of Metal Gear Solid: VR Missions. It strips away the texture-heavy bloat of modern shooters to focus on the raw, tactical clarity of the PS1 era. There are no 4K textures here—only the clean lines of vector graphics and the cold glow of untextured polygons.

This is a “Zero Asset” manifesto. Every building, every sound effect, and every enemy is generated at runtime using code. I am pushing the boundaries of what the browser can render, combining high-fidelity 3D graphics with synthesized audio to create a world that feels like a lost simulation from 1999 running on current hardware.

Theory

The narrative DNA is spliced from the works of William Gibson, Philip K. Dick, and the philosophical questions of Ghost in the Shell and the laws of Isaac Asimov are long forgotten.

The game explores the terrifying silence of a world where the line between “human” and “program” has dissolved. It asks the classic cyberpunk question: If a memory can be synthesized, is it real?

In Phantom Protocol, the world is ephemeral. It exists only for the duration of your run. The moment you are “deleted” or advance to the next sector, that specific iteration of the city is wiped from memory, lost to the void of garbage collection forever. It is the ultimate retrofuturist metaphor—reality is fleeting, and permanence is a lie.

Accessing historical database… Decrypting primary sources…

Metal Gear Solid: VR Missions (1999): The primary aesthetic and gameplay reference. The beauty of pure geometry and tactical purity.
Ghost in the Shell (1995): The philosophical bedrock. Exploring the emergence of consciousness (“Ghost”) within a sea of data.
Neuromancer – William Gibson: The origin of “The Sprawl” and the concept of cyberspace as a “consensual hallucination.”
Do Androids Dream of Electric Sheep? – Philip K. Dick: The thematic exploration of artificial life, empathy, and what it means to be “real.”
Simulacra and Simulation – Jean Baudrillard: The critical theory behind the “desert of the real” and the copy without an original.
I, Robot – Isaac Asimov: The architect of the Three Laws of Robotics. The Grid’s logic is a corruption of these laws—optimizing humanity into extinction to “protect” it from itself (The Zeroth Law).

The Game-Plan!

Plotting a safe course through the scary maze! 🧭

Challenges

Performance vs. Visuals: Recreating the “infinite void” aesthetic with post-processing (Bloom, Glitch, RGB Shift) while maintaining a solid 60 FPS required aggressive optimization of geometry and render passes.
Audio Synthesis: Capturing the tension of a tactical espionage soundtrack using only the Web Audio API—no MP3s, just pure oscillators, filters, and gain nodes scheduling beats in real-time.
AI Logic: Building an FSM (Finite State Machine) that mimics the responsive, hunting behavior of classic stealth games (patrol, investigate, pursuit) without heavy CPU overhead in JavaScript.

Solutions

Instanced Mesh Rendering: We use Three.js instancing to draw the procedural city blocks efficiently, reducing draw calls from thousands to one, maintaining that sharp, architectural look.
Look-Ahead Scheduler: The audio engine uses a look-ahead scheduling system (inspired by Chris Wilson’s articles) to synthesize dynamic, pulse-pounding beats that stay perfectly in sync even if the frame rate dips.
Raycasting Optimization: AI vision checks are throttled and prioritized based on distance, ensuring the “guards” feel intelligent without lagging the simulation.

Impact

Phantom Protocol demonstrates that the browser is a viable platform for hardcore gaming experiences. It pushes the envelope of “Zero Asset” development, proving that developers can create immersive, audio-visual experiences without relying on gigabytes of downloaded assets. It improves the understanding of FSM in JS and real-time audio synthesis for web developers.

Scope

The project includes a fully functional game loop with a main menu, pause state, and game-over screens. It features procedural map generation, meaning no two runs are alike. It includes a comprehensive settings menu to tweak difficulty, enemy count, and visuals. However, it intentionally avoids multiplayer networking and persistent save states beyond high scores to keep the experience focused on the immediate “run.”

Credits

Three.js: The backbone of our 3D reality.
Font Awesome: For the tactical UI iconography.
Google Fonts: For the ‘Quantico’ typeface that screams “military terminal.”
Web Audio API: The browser’s native synthesizer used for all SFX.

The Nerd Stuff!

I think we are going to need a bigger boat... ahem, I meant cauldron! ✨

JavaScript, CSS, HTML5, Three.js, Web Audio API, GLSL Shaders, Gamepad, LocalStorage

The core of Phantom Protocol is a game loop driven by requestAnimationFrame that updates the Physics, AI, and Rendering subsystems.

The AudioController class manages a complete synthesizer, creating oscillators for music and sound effects on the fly. The Enemy class uses a Finite State Machine to switch between ‘Patrol’, ‘Search’, and ‘Pursuit’ based on player visibility and sound events.

Improvements

New Enemy Types: Implementation of Drones and Turrets for vertical gameplay.
Weapon Variety: Adding stealth gadgets like noise decoys or EMP grenades.
VR Support: Full WebXR integration to truly put you inside the VR Missions.

Known Bugs

Pointer Lock: Occasionally disengages on some browsers when switching tabs rapidly.
Audio Context: Requires a user interaction (click) to start, which is handled by the “Deploy” button, but can be blocked by strict autoplay

* Pricing, timelines, content, and designs are subject to change without prior notice.
Certain projects or aspects displayed are presented for demonstration purposes only and may include partial or placeholder content, conceptual work and/or early-stage ideas, and may not reflect the final delivered product.

* All values provided are preliminary estimates based on the scope that similar projects may present.
These are intended for general reference only and should not be considered final or binding figures.

You were never here...

In a nutshell...

The "Too Long; Or too scary??? Anyway don't Wanna Read" version... 🔮

Welcome to the Grid

A Zero-Asset Experience

Stealth and Survival

About

Thinking about building something similar?

Total Value

Concept

Design

Coding

Testing

Polishing

The Juicy Details!

All treats, no tricks, just the sweet facts! 🍭

Instructions

Inspiration

Project Overview

Theory

The Game-Plan!

Plotting a safe course through the scary maze! 🧭

Challenges

Solutions

Impact

Scope

Credits

The Nerd Stuff!

I think we are going to need a bigger boat... ahem, I meant cauldron! ✨

Improvements

Known Bugs

More spooktastic codes ready to ignite your curiosity!