Globe Trotter 🌍 - Puzzles/Tabletop Category
Inspiration
Globe Trotter was inspired by the need to make geography education more engaging and interactive. Traditional methods of learning world geography often feel tedious and disconnected from real-world context. We wanted to create something that would make learning feel like playing, while still being educational and challenging.
What it does 🎮
Globe Trotter is an interactive 3D geography game that:
- Presents players with a photo-realistic, rotatable Earth
- Challenges users to locate specific cities worldwide
- Provides immediate feedback on accuracy
- Awards points based on proximity to target locations
- Features multiple map styles (satellite, political, night view)
- Includes sound effects and visual feedback for engagement
- Works seamlessly across desktop and mobile devices
How we built it
Globe Trotter was developed using:
- Three.js for 3D globe rendering and interactions
- HTML5 and CSS3 for responsive interface design
- JavaScript for game logic and scoring system
- WebGL for hardware-accelerated graphics
- Devvit JS library for customization, scheduling
- Redis for storing game data
- Custom algorithms for distance calculation and scoring
- Responsive design principles for cross-device compatibility
- Audio integration for interactive feedback
Challenges we ran into
- Implementing accurate geographical coordinates on a 3D sphere
- Optimizing performance for mobile devices
- Creating an intuitive touch interface for globe rotation
- Handling different screen sizes and aspect ratios
- Calculating precise distances between points on a sphere
- Managing 3D textures and memory usage
- Ensuring consistent user experience across different browsers
Accomplishments that we're proud of
- Created a smooth, responsive 3D globe interface
- Developed an accurate scoring system based on real-world distances
- Successfully implemented cross-platform compatibility
- Achieved an engaging user experience with immediate feedback
- Built an educational tool that's genuinely fun to use
- Integrated multiple map styles with seamless switching
- Maintained performance while adding features
What we learned
- Advanced Three.js techniques for 3D web applications
- Spherical geometry and coordinate systems
- Mobile-first design principles
- Performance optimization for 3D web content
- User experience design for educational games
- Cross-browser compatibility challenges
- Touch interface implementation
What's next for Globe Trotter
- 1-1 player mode for competitive play
- Additional game modes (time trials, region-specific challenges)
- Features for sharing scores and challenging friends
- Integration with educational curricula
- Expanded database of cities and landmarks
- Achievement system and progress tracking
- Custom difficulty settings
Built with ❤️ for geography enthusiasts and learners worldwide...
Log in or sign up for Devpost to join the conversation.