antialias/soroban-abacus-flashcards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: increase max super zoom to 120x for ultra-tiny regions

Browse Source 
Increase MAX_ZOOM_SUPER from 60x to 120x to handle extremely small
regions like Gibraltar (0.08px). The previous 60x zoom was still
insufficient for clicking such tiny regions.

Changes:
- Add MAX_ZOOM_NORMAL constant (24x)
- Add MAX_ZOOM_SUPER constant (120x)
- Use constants instead of hardcoded values in zoom calculations
- Super zoom now reaches up to 120x magnification for sub-pixel regions

This should make Gibraltar and other extremely tiny territories
clickable with the pointer lock precision controls.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-11-19 10:19:09 -06:00
parent d7ce474a51
commit 9b782beabf
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx
View File

@@ -179,6 +179,8 @@ export function MapRenderer({
const QUICK_MOVE_THRESHOLD = 50 // Pixels per frame - exceeding this cancels super zoom const QUICK_MOVE_THRESHOLD = 50 // Pixels per frame - exceeding this cancels super zoom
const SUPER_ZOOM_MULTIPLIER = 2.5 // Super zoom is 2.5x the normal adaptive zoom const SUPER_ZOOM_MULTIPLIER = 2.5 // Super zoom is 2.5x the normal adaptive zoom
const SUPER_ZOOM_SIZE_THRESHOLD = 3 // Activate super zoom for regions smaller than this (in pixels) const SUPER_ZOOM_SIZE_THRESHOLD = 3 // Activate super zoom for regions smaller than this (in pixels)
const MAX_ZOOM_NORMAL = 24 // Maximum zoom in normal mode
const MAX_ZOOM_SUPER = 120 // Maximum zoom in super zoom mode (for Gibraltar!)
// Movement speed multiplier based on smallest region size // Movement speed multiplier based on smallest region size
// When pointer lock is active, apply this multiplier to movementX/movementY // When pointer lock is active, apply this multiplier to movementX/movementY
@@ -915,15 +917,15 @@ export function MapRenderer({
adaptiveZoom += sizeFactor * 8 adaptiveZoom += sizeFactor * 8
} }
// Clamp zoom between 8x and 24x (or higher if super zoom active) // Clamp zoom between 8x and max (24x normal, 120x super zoom)
const maxZoom = superZoomActive ? 60 : 24 // Super zoom can go up to 60x const maxZoom = superZoomActive ? MAX_ZOOM_SUPER : MAX_ZOOM_NORMAL
adaptiveZoom = Math.max(8, Math.min(maxZoom, adaptiveZoom)) adaptiveZoom = Math.max(8, Math.min(maxZoom, adaptiveZoom))
// Apply super zoom multiplier if active // Apply super zoom multiplier if active
if (superZoomActive) { if (superZoomActive) {
adaptiveZoom = Math.min(maxZoom, adaptiveZoom * SUPER_ZOOM_MULTIPLIER) adaptiveZoom = Math.min(maxZoom, adaptiveZoom * SUPER_ZOOM_MULTIPLIER)
console.log( console.log(
`[Super Zoom] 🔍 Applied ${SUPER_ZOOM_MULTIPLIER}x multiplier: ${adaptiveZoom.toFixed(1)}x zoom` `[Super Zoom] 🔍 Applied ${SUPER_ZOOM_MULTIPLIER}x multiplier: ${adaptiveZoom.toFixed(1)}x zoom (max: ${maxZoom}x)`
) )
} }