⟁ WEBVALO

A Valorant-inspired tactical FPS that runs entirely in your browser. No install. No launcher. No queue. Just index.html and a pointer lock.

---

▸ What is this?

WebValo is a fan-made, browser-native tribute to Valorant: pick one of 5 agents, lock in on the map FORGE, earn credits by fragging and spend them in the armory, and fight respawning AI combatants — now animated 3D skeletons — with full ability kits: smokes, dashes, teleports, recon bolts, and orbital lasers.

The map geometry, agent card art, and all sound design are procedural (Web Audio). The 3D weapon and character models stream at runtime from CC0 packs on a CDN — Quaternius sci-fi guns and KayKit skeletons — so the repo itself still ships zero binary assets. If a model fails to load, the engine falls back to its procedural shapes and plays on.

▸ Agents

Agent	Role	C	Q	E	X (Ultimate)
JETT	Duelist	Cloudburst (smoke)	Updraft (boost)	Tailwind (dash)	Blade Storm — one-shot knives
RAZE	Duelist	Blast Pack (rocket-jump)	Paint Shells (nade)	Boom Bot (seeker)	Showstopper — rocket launcher
YORU	Duelist	Fakeout (decoy)	Blindside (flash)	Gatecrash (teleport)	Dimensional Drift — untouchable
BRIMSTONE	Controller	Stim Beacon (fire rate)	Incendiary (molly)	Sky Smoke (anywhere)	Orbital Strike — laser from space
SOVA	Initiator	Owl Drone (tagger)	Shock Bolt (AOE)	Recon Bolt (wallhack)	Hunter's Fury — 3 wall-piercing blasts

▸ Controls

Key	Action
WASD	Move
Mouse	Aim · LMB Fire
Space	Jump · Shift Walk
R	Reload
C Q E	Abilities (some, like Raze's Blast Pack, hold 2 charges)
X	Ultimate (charge by getting kills)
B	Buy menu — spend your credits
1–9	Quick-buy while armory is open
Esc	Pause

⚙ A settings menu (landing page + pause) tunes mouse sensitivity, FOV, master volume, reduced-motion, and an FPS counter — all saved to localStorage.

▸ The Armory

Classic · Shorty · Sheriff · Spectre · Bulldog · Phantom · Vandal · Operator · Odin. Real-ish damage models with headshot multipliers, each with its own synthesized gunshot. You start with 800 credits and earn more per kill (bonus for headshots) — buy up, and you drop back to the Classic when you die.

▸ Run it locally

It's a static site — any file server works:

git clone https://github.com/platret/WebValo.git
cd WebValo
python3 -m http.server 8000
# open http://localhost:8000

▸ Tech

• Three.js r160 via CDN import map — no bundler, no node_modules
• Pointer-lock FPS controller with per-axis AABB collision, screen shake & weapon bob
• Hitscan raycast weapons with spread, recoil & headshot hitboxes; per-weapon synthesized gunshots
• glTF models streamed at runtime (GLTFLoader + SkeletonUtils) with AnimationMixer-driven idle/run/death bots — invisible raycast hitboxes keep headshots precise behind the chibi models, with procedural fallback on load failure
• Object pooling — one shared Raycaster, scratch vectors, and tracer/impact mesh pools to avoid per-shot GC churn
• Bot AI: line-of-sight checks (blocked by walls and smokes), wander/chase/shoot states, flash & decoy reactions
• Multi-charge ability system, living credit economy, kill streaks, and persisted settings
• Procedural Web Audio sound design (gunshots, hits, explosions, ability chimes, kill-streak fanfares)
• Pure CSS UI — Valorant-style angular clip-paths, Anton + Rajdhani type, animated agent select

▸ Disclaimer

WebValo is a non-commercial fan project for learning purposes. It is not affiliated with or endorsed by Riot Games. Valorant and all related characters are property of Riot Games, Inc.

---

_{built in the browser, for the browser · FPS.SYS READY_}