A complete guide to every feature, mode, and mechanic in the game.
When you load Typemasters, you are greeted by a circular multicolor overlay asking for your name.
Type any name (or leave the default "Typist Name") and click Go. This name will appear as your badge during the game.
After submitting, the full game interface is revealed: top bar with name badge and level controls, ramp row with shields and tier badge, gauge zone, scoreboard at bottom, and expert/timer row.
Colored letter bubbles begin falling from the top of the screen. Your job is to type the matching key to pop them before they reach the bottom.
The top bar contains your name badge (clickable — opens the practice editor), and the core game controls.
Choose which keys to practice. Level 1: Home row (A S D F G H J K L ;). Level 2: Top row (Q W E R T Y U I O P). Level 3: Bottom row (Z X C V B N M , . /).
Hold a level button for 500ms to combine it with all lower levels. Long-press Level 2 to get Level 1+2. Long-press Level 3 for all three rows. The button gets a white ring when combined.
Controls bubble spawn rate. Easy: 1 bubble every 2 seconds. Medium: 1 per second. Hard: 2 per second (every 500ms).
Click your name badge at any time to open the practice text editor — a rich-text area for freeform typing practice.
The ramp row sits below the top bar and contains three key elements.
Six shield SVG icons representing skill milestones. Shields fill with gold as you achieve higher CPM tiers. They only move forward — never reset within a session.
Three circles: 1x, 2x, 3x. Multiplies bubble spawn rate. At 3x on Hard, bubbles come every ~167ms. The active circle glows white.
Shows your current skill tier name (Beginner → Professional). It glows and pulses when a new tier is achieved. Updates every second with CPM.
The gauge is a horizontal dotted line that moves vertically along a hidden track. It shows your average reaction time by measuring where on screen you pop bubbles.
Every time you pop a bubble, the fraction of screen height where the pop occurred is recorded (0 = top, 1 = bottom). A running average is maintained. The gauge line's position reflects this average.
Expert (green, top 33%): You react fast, popping near the top. Beginner (purple, middle): Average reaction. Novice (orange, bottom 34%): Bubbles fall far before you hit them — you need to react faster.
Instantly clears all bubbles, timers, shields, scores, and overlays. Resets everything to the starting state (name is preserved).
Activates FCFS (First Come First Served) mode. See section 8 below for details.
Select a timed session. A countdown appears above. When time expires, results overlay shows CPM, WPM, correct/mistyped counts, and skill tier. Click the same timer to deselect and return to free play.
Shows what level set and difficulty are currently active (e.g., "LEVEL 1+2", "HARD").
Green mini-bubbles show the last 5 correctly typed characters. Red mini-bubbles show the last 5 mistyped characters. Use this to spot problem keys.
Real-time Characters Per Minute, updated every second. This is your primary performance metric.
Bubbles spawn at the top of the screen at random X positions with a random fall duration of 5-7 seconds.
The game listens for keydown events. Only single character keys trigger bubble matching (arrow keys, modifiers, etc. are ignored).
The pressed key (uppercased) is compared to every visible bubble's character. If a match is found (and in Expert mode, it's the oldest bubble), the bubble pops.
The bubble gets the .popping class, triggering popBurst: scale up to 1.5x, shrink to 0, fade out. Simultaneously, 4 colored particles burst outward from the pop position.
Correct hits increment CPM and add to the correct history. Misses (pressing a key that matches no bubble) add to mistyped history.
If a bubble reaches the bottom without being popped, it's removed and counts as a "kill" at fraction 1.0 (bottom of screen), dragging your gauge toward Novice.
Toggle Expert mode via the green EXPERT button. When active, the button gets a white border and full opacity.
In Expert mode, a pulsing yellow dot marks the oldest (longest-falling) bubble. You can only pop the marked bubble — pressing any other key has no effect. This forces:
Timer sessions add a time constraint and produce an end-of-session results screen. This is the best way to measure improvement over time.
Click 1m, 3m, 5m, or 10m. All bubbles are cleared, a countdown appears below the ramp row, and the game begins fresh at the current level/difficulty/speed.
A white pill below the ramp row shows MM:SS countdown. When under 10 seconds, it turns red and blinks.
The results overlay shows: CPM, WPM, Correct, Mistyped, and your Skill Tier with color and star icon. Click PLAY AGAIN to dismiss.
Click the same timer pill again to cancel the session and return to untimed free play.
Typemasters has 7 skill tiers based on your CPM. Tiers are sticky — you can only go up, never down (within a session).
| Tier | Min CPM | Min WPM | Shield |
|---|---|---|---|
| Beginner | 10 | 50 | ★ Shield 0 |
| Elementary | 15 | 75 | ★ Shield 1 |
| Intermediate | 25 | 125 | ★ Shield 2 |
| Advanced | 35 | 175 | ★ Shield 3 |
| Proficient | 45 | 225 | ★ Shield 4 |
| Fast | 60 | 300 | ★ Shield 5 |
| Professional | 80 | 400 | ★ Shield 6 |
Every second, CPM is recalculated and checked against tiers. When you cross a threshold, the corresponding shield fills with gold gradient, animates into view, and the tier badge updates with a glow pulse.
Each shield is an SVG with a gradient fill. Unlocked shields transition from gray to gold. A star appears inside, and the whole shield animates with a spring-like pop.
If no key is pressed for 40 seconds, the game automatically pauses:
The inactivity timer does not run when a timer session is active (so your timed session won't pause due to inactivity).
Click your name badge at any time to open the practice text editor — a full rich-text typing area for freeform practice.
Font family (6 options), font size (6 levels), font color (12-swatch picker), Bold/Italic/Underline toggles, and background color.
Click the expand icon (⛛) to make the editor fullscreen. Click again to return to windowed mode.
The game automatically increases difficulty over time through speed ramping.
| Parameter | Value |
|---|---|
| Ramp interval | Every 2 minutes |
| Speed increase | 1.5x faster each ramp |
| Minimum interval | 150ms (hard floor) |
| Multiplier stacking | 1x/2x/3x divides the current interval |
Example progression on Easy (starting at 2000ms):
Using 3x speed multiplier on Hard difficulty: starts at 167ms, floor is 150ms, so you hit maximum speed almost immediately. This creates intense practice sessions.
You now know everything about Typemasters. Launch the game and start training.
Play Typemasters