A short, emotional 2D top-down narrative exploration game built as a graduation legacy gift from the graduating juniors of ACLC College of Bukidnon.
"Your walk ends here, but your legacy stays."
Last Walk: ACLC Legacy is a 5-10 minute browser game where the player takes one final walk through a symbolic ACLC campus before graduation. Scattered around the map are seven memory orbs, each representing a member of the graduating team. Touch each orb to relive a memory. Collect them all to unlock the graduation stage and see the legacy message left for the juniors who follow.
There is no combat, no inventory, no fail state. Just walking, remembering, and saying goodbye.
- HTML5 — single-file, no build step, no install
- Canvas 2D — game world rendering (rooms, player, memory orbs)
- HTML / CSS overlays — title screen, dialog box, HUD, credits
- Vanilla JavaScript — no frameworks, no dependencies
- Google Fonts — Cormorant Garamond and Inter for type
Just open index.html in any modern browser. That's it.
double-click index.html
No server, no build, no install. The game ships as one self-contained file.
| Action | Keys |
|---|---|
| Move | W A S D or arrow keys |
| Continue dialogue | Space or Enter |
| Begin / Replay | Click button or press Space |
- Walk around the campus from the entrance.
- Approach a glowing memory orb to trigger that teammate's memory.
- Read through the three lines of dialogue (Space to advance).
- Collect all seven memories to unlock the graduation barrier.
- Step onto the Graduation Stage to see the ending and credits.
A symbolic, not literal, layout of campus:
┌──────────────┬──────────────┬──────────────┐
│ CLASSROOM │ GRADUATION │ COMPUTER LAB │
│ (Ruvie) │ STAGE │ (Glaizo) │
│ │ (Eron) │ │
├──────────────┼──────────────┼──────────────┤
│ CANTEEN │ HALLWAY │ REST AREA │
│ (Tresha) │ (Clifford) │ (Den) │
├──────────────┴──────────────┴──────────────┤
│ ENTRANCE │
│ (John) │
└─────────────────────────────────────────────┘
The graduation stage is gated by an animated dashed barrier that unlocks once all memories are collected.
Each teammate has their own memory orb, color, and theme:
| Name | Location | Theme |
|---|---|---|
| Ruvie | Classroom | Deadlines & Perseverance |
| Glaizo | Computer Lab | Coding & Debugging |
| Tresha | Canteen | Friendship & Teamwork |
| Den | Rest Area | Humor & Survival |
| Clifford | Hallway | Growth & School Life |
| Eron | Near Stage | Legacy & Moving Forward |
| John | Entrance | Beginnings & The First Step |
ACLC Legacy/
├── index.html Game (HTML, CSS, and JS in one file)
├── prd.txt Original product requirements document
└── README.md This file
All dialogue lives in the memories array near the top of the <script> tag in index.html. Each entry looks like this:
{
name: 'Ruvie',
x: 180, y: 130,
color: '#ff9aa2',
theme: 'Deadlines & Perseverance',
lines: [
'"Remember our reporting days?"',
'"Sleep-deprived, slides half-finished, somehow always making it to class."',
'"Deadlines taught me I am stronger than I think."',
],
collected: false,
},To customize:
- Change
linesto update the spoken dialogue. - Change
colorto adjust that character's theme color (orb, avatar, credits card, HUD pip). - Change
x/yto move the memory's position on the map.
- Auto-trigger interaction: walking near an orb opens the memory automatically. Chosen for a calmer, less mechanical feel.
- No save system: the game is short enough to finish in one sitting.
- No softlock: stepping onto the stage always triggers the ending; you can't get stuck.
- Replay-friendly: from the credits, press Space or click "Walk Again" to reset.
Created by: Ruvie · Tresha · Glaizo · Clifford · Den · Eron · John Institution: ACLC College of Bukidnon
"The classrooms will stay the same, but every batch leaves a different story. To the juniors: keep learning, keep laughing, and make your own legacy."