basestop: A Reaction-Based Game for iOS
basestop is a reaction-based circular puzzle game where players must stop rotating circles at precise moments. Originally developed as part of the bse.bio Web3 platform, basestop has evolved into a standalone mobile game available on iOS.
The Game
basestop challenges players to stop rotating circles at the exact moment they align with target squares. With 20 progressively difficult levels, the game tests reaction time, precision, and timing skills.
Game Mechanics
- Reaction-Based Gameplay: Tap “STOP” when the rotating light aligns with the green target square
- 20 Progressive Levels: Difficulty increases through speed multipliers and additional rings
- Scoring System: Points based on squares passed, time taken, and attempts used
- Perfect & Epic Scores: Bonus multipliers for flawless runs
Key Features
Leaderboards Global leaderboards track high scores across all players. Compete for the top spot by mastering all 20 levels.
Haptic Feedback Customizable haptic feedback options:
- Default alignment haptics
- Stop button haptics
- Distance-based haptics (stronger when closer to target)
Profile System
- Custom usernames
- Avatar selection
- Progress tracking across devices
- Score synchronization
Technical Implementation
Tech Stack:
- Framework: React Native with Expo
- Graphics: React Native Skia for smooth 60fps animations
- Language: TypeScript
- Haptics: Expo Haptics for tactile feedback
- Storage: Expo Secure Store for user data
- Platform: iOS (with Android support planned)
Game Architecture:
The game uses a frame-based animation loop running at 60fps. Each ring rotates independently with level-specific speed multipliers. The scoring system calculates points based on:
- Base points from squares passed (fewer = better)
- Time multiplier (faster = better)
- Attempts multiplier (first try = better)
- Perfect/Epic bonuses for flawless runs
Key Technical Features:
- Real-time ring rotation with precise angle calculations
- Target alignment detection with configurable tolerance
- Smooth animations using React Native Skia
- Offline-first architecture with cloud sync
- Optimized rendering for 60fps gameplay
Evolution from Web3 to Mobile
basestop originally launched as a Web3 game integrated into the bse.bio platform, where players could earn creator coins by completing levels. The mobile version maintains the core gameplay while adding:
- Native mobile performance and animations
- Haptic feedback for enhanced gameplay
- Offline play capability
- Enhanced leaderboard system
Design Philosophy
basestop was designed with simplicity and precision in mind. The minimalist dark theme keeps focus on the gameplay, while the circular puzzle mechanics create an engaging challenge that’s easy to learn but difficult to master.
Built with React Native, Expo, TypeScript, and React Native Skia. Available on the App Store.