Examples for Flutter Web
Original URL with my reddit comment: r/FlutterDev As you might notice, I am a fan of Flutter Web 💙🕸
(btw, if you are a fan of Flutter Web then add 💙🕸 to your profile titles, so it will be easier for our sect to notice colleagues)
There was a discussion on Reddit (*0). Someone asked to provide examples for Flutter PWAs.
Here is my full post
I have half dozens of Flutter web apps as examples 👍💪👇 :)
I’ve been the Flutter Web user from the very first day they announced it as a “one more thing” at their first conference.
I immediately compiled my interactive fiction runner & editor for the web and it all worked from the very beginning.
Here is up to date version of my first flutter web app (interactive fiction runner&editor)
https://locadeserta.com/game/?lang=en#/
🧠 My very latest trading game Chumaki also has a Web version (make sure to switch to English)
https://locadeserta.com/chumaki/
And, I think, the most 🤯 sophisticated ever made Flutter Web app is my previous game Loca Deserta: Sloboda. This is a task-based city building strategy game that has multiple maps, researches, building upgrades, random events, interactive fiction embeddings, and tones of other features:
(make sure to change language to EN at the top :) )
https://locadeserta.com/sloboda/#/
The last game I did for fun: Hex Puzzle 🧩:
https://locadeserta.com/hex/#/
Links to iOS/Android/Windows builds of the same games are all here 👇
http://locadeserta.com/index_en.html
✍ I blog about the Flutter & Game dev in articles like this:
[[flutter_animate_interactive_viewer_as_map
^^^ that site is also Flutter Web 🕸💙
As for performance
I have iPhone 11, Galaxy Tab S7, Sony Xperia XZ1 Compact, Galaxy Note 10 Lite, Galaxy S21/S21Ultra, iPad 2017, Nokia 5.2, Oukitel 10000
On all of these devices my games runs very smoothly, except on Galaxy Note 10 Lite. I think its CPU is underpowered (some mediatek…) that is why it lacks so much behind.
👉I like to go to smartphone shops and check my online games. I must say that in last year the new cheap devices like Meizu/Xiaomi started performing quite well when I open my games in Android Browser. Any other devices in a range $500+ will perform well*. I think Snapdragon 855 is a minimum requiremenet to have 60FPS in Flutter Web.* Of course, sometimes there are glitches, but they are present even in “real” web apps done with JS and HTML. Page refresh fixes it as usual haha.
👑 iOS Safari is an absolute King of performance as it was running 60FPS even back in 2018
Per tweets from Flutter team they started giving 💙🕸 more time. I expect starting screen improvements, reduced bundle size, improvements in PWA to be merged in next stable release.
Stay tuned and Always Bet on Flutter (c) Dmytro Gladkyi