:globe_with_meridians: english | český | русский
In this branch you will find the updated version of my award-winning submission in the Official international Flutter Community Hackaton called "#Hack20".
Note: In another branch you will find the original version that was submitted in hackathon.
The hackaton had over 2665 attendees, 650 teams, with 266 projects. Writing the code was guided by the hackathon rules, the list of other winners, as well as more info about the rules, can be found on the official website: flutterhackathon.com
Also: This project was featured at main-page of It's All Widgets! web-site on July 23, 2020.
-
🌎 Saving the Planet (Eco / What we’ve learned during the pandemic)
-
👾 Retro / Cyberpunk Future
I decided to work on both topics and made a simple Wing Commander (1990) like pseudo-3D game, with Cyberpunk / Iron Man like HUD and some themed Music/SFX. You can play it in your internet browser and install to the device for offline use because it's PWA. The main core of this game was made with Rive (ex Flare) tool.
Note: design is screen size-independent because all the graphics are made in vectors (not bitmaps), but I have prepared it with 7-12' screen size in mind.
Your mission is to, fly around the space, looking for so-called "Planet B" and determine this planet's suitability for life (by clicking). There are a dozen planets to check, but you are low on fuel (you have about 1,5 minutes). At the end of the mission, you can see the number of planets scanned or you can play the game again.
Note: The game was created within two days by one person. There are no complicated game mechanics, it's just a concept, a vision with a nice entourage, that may inspire someone.
You can watch a preview video of it (with main functionality highlight) here:
Spoiler about Gameplay
There is no planet B (suitable for life). And it's the main point of this game and philosophical part related to the topic of Ecology... We need to take care of our Earth.
This project in form of PWA will only run on most recent browsers, with Chromium (Chrome, Edge, etc.) engine v83 or newer. Also, I've tested it on Firefox v77+, so it might be OK too. Don't even try to run it on Safari, Internet Explorer and so on — they can't handle it!
ℹ️ Updated version will be launched, to view the original game just build a project from another branch locally.
Thanks to Codemagic, you can just follow this link and run it in your modern browser:
The Flutter and Chrome/Chromium Browser is expected to be installed. Please follow this commands in your terminal:
flutter channel master
flutter upgrade
flutter config --enable-web
git clone https://github.com/tsinis/plan_et_b.git
cd plan_et_b
flutter run -d chrome --release --dart-define=FLUTTER_WEB_USE_SKIA=true --dart-define=FLUTTER_WEB_USE_EXPERIMENTAL_CANVAS_TEXT=true❗ The last line is most important! Please DO use this flags, otherwise, Rive animations will not be displayed correctly.
Flutter version 1.19 or higher is assumed to be installed. Please run this command from the project's folder, in your terminal:
- For Web:
flutter config --enable-web
flutter build web --release --dart-define=FLUTTER_WEB_USE_SKIA=true --dart-define=FLUTTER_WEB_USE_EXPERIMENTAL_CANVAS_TEXT=true- For macOS:
flutter config --enable-macos-desktop
flutter build macos --release- For Android:
flutter build apk --split-per-abi- For iOS:
flutter build ios --release --no-codesignSadly PCs (Windows and Linux) will have no sound and music, because I didn't found any good plugin for it. You can build it for those platforms without any compile errors just after removing the audio player package from the code.
Anyways this game was made to be a PWA, so there is no reason to have a native app, since you can install it from a browser, on almost any recent device.
- Create Game Core.
- Create Pseudo-3D HUD.
- Add Sounds and Music.
- Fix Audio on platforms other than Web and Android.
- Add a Story and stylize the menus to Cyberpunk style.
- Add Launcher Icons.
This project is released under the terms of the MIT license. All assets (as sounds, animations, and fonts) are CC licensed and are free for personal use. You can find LICENSE files in their folders.
- Asset type: Display Font. “Corruptor Clean LDR” by Michał Nowak “Neoqueto” is licensed under CC BY-NC-SA 3.0.
- Asset type: Display Font. “Corruptor LDR” by Michał Nowak “Neoqueto” is licensed under CC BY-NC-SA 3.0.
- Asset type: Text Font. “Polentical Neon” by Jayvee D. Enaguas “Grand Chaos“ is licensed under CC BY-SA 3.0.
- Asset type: Music, “SCI FI HORROR OPENING MASTERED” by Michael Dunn “21bakerstreet” is licensed under CC BY 3.0.
Changes in Music Asset: WAV was converted to MP3 (64 kbps) and spaces in filename are replaced with underscores.
You can find binaries for Android, macOS and Web in Releases section of this GitHub repository.
Most of the code is covered with comments.
| Name | Description |
|---|---|
| Framework name | Flutter |
| Framework version | 1.21.0-2.0.pre.60 |
| Framework channel | master |
| Language name | Dart |
| Language version | 2.9.0 |
| Language channel | beta |
| IDE name | Visual Studio Code |
| IDE version | 1.48.0 |
| IDE channel | insider |
| 3rd-party Dependency name | Auto Size Text |
| 3rd-party Dependency package | auto_size_text |
| 3rd-party Dependency version | 2.1.0 |
| 3rd-party Dependency name | Assets Audio Player |
| 3rd-party Dependency package | assets_audio_player |
| 3rd-party Dependency version | 2.0.8+2 |
| 3rd-party Dependency name | Rive (ex Flare) |
| 3rd-party Dependency package | flare_flutter |
| 3rd-party Dependency version | 2.0.4 |
| 3rd-party Dependency name | URL Launcher |
| 3rd-party Dependency package | url_launcher |
| 3rd-party Dependency version | 5.5.0 |
| 3rd-party Dependency name | Stateless Animation |
| 3rd-party Dependency package | sa_stateless_animation |
| 3rd-party Dependency version | 1.0.1 |
| 3rd-party Dependency name | Flutter Phoenix |
| 3rd-party Dependency package | flutter_phoenix |
| 3rd-party Dependency version | 0.1.0 |
| Architecture | Listener (without Global States) |