Beta 1.0

Choose your college location

Only your chosen location’s map will download.

College Patrol

Beta 1.0

Choose your character

First, choose a gender.

Select a gender to see the characters.

🛡️ College Patrol ♥♥♥♥♥

0 0pts 📋 0 / 4tasks 🧰 0/6 extras

Loading college map…

▤Lesson Lab

DfE case studies

COLLEGE PATROL · OBJECTIVE

✦

Why you’re doing this

Walking directions

Finding a route…

Loading map and walking route…

QUICK TUTORIAL

GET SUPPORT

Help a friend

A friend is being pressured to share harmful posts. Help them get support.

College safety: Wear your student ID lanyard visibly so staff can recognise you. Never lend your ID to someone else. If you forget or lose it, ask reception for help.

GO TOYour collegeSpeak to the Safeguarding Officer.

Move with the arrow keys or on-screen controls.
📱 Phone: directions
💬 Speech button: talk when you are nearby
📋 Clipboard: your task list

Help & other ways to contact staff

You can practise a call instead of walking to college.

Fictional scenario. Pause whenever you need.

Accessibility & settings

Text size High contrast Reduce motion and water animation Always show movement controls

Move with arrow keys or WASD. Press E to talk and Space to pause. Settings are saved on this device.

Credits

College Patrol — a game about online safety, critical thinking and reporting concerns.

Tree canopy locations: Forest Research — Trees Outside Woodland V1. Contains public sector information licensed under the Open Government Licence v3.0. Tree artwork is illustrative; species are not identified by this dataset.

Creative tools

SVG character designer
Pixel character designer
Town map editor
Tilemap designer

Icons: Google Material Symbols, Apache 2.0.

Technology

PixiJS — 2D rendering
Ink and inkjs — dialogue
Vite and TypeScript — development and builds
Tiled JSON — map format
Web Audio — game sound
GitHub Pages — hosting

Quest log

NPC

online

📸 Screenshot saved to your Evidence folder