Engage kids in environmental care with our game! Earn points through eco-challenges like Garbage Sorting, save endangered species, and watch the world grow greener with each action.
https://youtu.be/afh4jGIhhEg?si=b8-b2ijtE8x9zfJB
https://devpost.com/software/better-world-i8l5sk
Android - https://drive.google.com/file/d/1QWSD3h35g5e2BoWvAZmo6YWLMZ4Ezkp1/view?usp=sharing
iOS - https://appstoreconnect.apple.com/apps/6478499075/testflight/ios/6e8c08e4-7b3d-414d-91cc-d9a6fc6c4291
macOS - https://appstoreconnect.apple.com/apps/6478499075/testflight/ios/6e8c08e4-7b3d-414d-91cc-d9a6fc6c4291
Web - envawareness-game.firebaseapp.com
Better World originated from our awareness of escalating environmental issues and the crucial role of early education in fostering responsible environmental stewardship. We aspired to create a platform that educates and empowers children, making environmental conservation an engaging and enjoyable part of their learning experience.
The game is an interactive idle experience designed for children, using simple click-based interactions to make it accessible to a broad age range. It incorporates educational mini-games on recycling and energy conservation, employing intuitive gameplay and real-world technology integration to teach important environmental concepts. Key educational components include:
- Sorting and Catching Trash: These mini-games teach waste segregation and recycling awareness through interactive gameplay.
- Scanning Trash and Appliances: Utilizing camera and AI technology, these activities connect learning with real-world application, teaching children to identify recyclable materials and understand energy efficiency.
We've also integrated Google Wallet to transform the cards collected in the game into digital collectibles, adding a tangible value to the players' achievements. Moreover, the game's focus on featuring endangered animals as collectibles serves a dual purpose: it not only enhances the gaming experience but also raises awareness about wildlife conservation, aiming to foster a deeper connection between players and environmental protection efforts.
We developed Better World using Flutter, emphasizing interactive and educational game elements with Canvas Widget and Lottie Animations. Gemini AI played a pivotal role in enhancing user interaction, linking in-game actions with real-world contexts.
Better World can run on mobile, desktop, and web. We hope everybody can play on which platform they like. Also, shows how powerful Flutter is.
- iOS - TestFlight to play (store version is in review) link
- Android - APK link to play (store version in review) link
- Web - link to play link
- macOS - (open test and store versions are in review) link
Balancing educational content with engaging gameplay was our main challenge, ensuring the game remains enjoyable while providing substantive learning. We focused on creating child-friendly UIs and capitalized on Flutter for consistent cross-platform performance.
We are proud of creating an app that combines educational value with engaging gameplay, facilitating impactful learning about sustainability. Key achievements include:
- Integrating AI and camera technologies for an immersive learning experience.
- Designing a user-friendly and technologically advanced platform suitable for children.
- Observing children's enhanced understanding and appreciation of environmental conservation.
To further enrich Better World, we aim to:
- Expand educational content and incorporate more dynamic animations.
- Address resource and manpower limitations encountered during development.
- Collaborate with environmental organizations to introduce new mini-games.
- Broaden the environmental topics covered, ensuring a well-rounded educational experience.
- Firebase OAuth Sign-in
- Firebase Firestore
- Welcome Slider
- ZFlutter 3D UI
- Tapping Effect
- Global Leaderboard
- Google Wallet for Collection
- Slide to Recycle Game
- Catch Trash Game
- Gemini AI Interaction
- L10n Support(English, Japanese, Chinese)
- add "google-services.json" file in
android/app/ - add "GoogleService-Info.plist" file in
ios/Runner/ - add "firebase_app_id_file.json" file in
ios/ - add "firebase_options.dart" file in
lib/
waiting for details..
Need API key for using AI feature.
flutter run --dart-define AI_API_KEY=<YOUR_KEY>
Web
flutter build web --web-renderer canvaskit --dart-define AI_API_KEY=<YOUR_KEY>
| Yii Chen | Dorara |
|---|---|
 |
 |