Create Soccer Hexagon in Flutter with Animation
#flutter #animation #complex #soccer
TIMELINE
00:00 - Intro
01:04 - Create the outer-most hexagon
07:28 - Create inner hexagons
08:12 - Creating labels
10:24 - Create a player polygon
13:09 - Animate the polygon
14:34 - Add another player
Hello everyone, Welcome back to my channel Techie Blossom. In this video, I will teach you to create a hexagon shape and animate it which I came across while playing FIFA.
This particular hexagon shape is very popular in soccer where a player has 6 major attributes - Pace, Shooting, Passing, Dribbling, Defending, and Physicality. We can visually compare two players’ stats and find which is better in each.
So, what we should do to create this widget using Flutter. Let’s see that in this video.
► Sponsor my GitHub work - https://github.com/sponsors/TechieBlossom
► Nominate as a Github Star- https://bit.ly/3dLXFWJ (@TechieBlossom)
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Other Videos
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
➨ Movie App Pro App Series - https://www.youtube.com/playlist?list=PL342JVRNQxEAcQdnNeN0JmMzfcm6VtLxS
➨ Neumorphism, Gradient Chart & Custom Shape End Drawer - https://youtu.be/oExw0U4U_UI
➨ Google Stadia App Concept - https://youtu.be/-rqvZfUdSPw
➨ Local Events App - https://youtu.be/pAYGLroI1DI
➨ Sidebar animation and navigation - https://youtu.be/oExw0U4U_UI
➨ Despicable Me Characters App - https://youtu.be/2cl70GbiJZc
➨ Flight Ticket App Playlist - https://youtu.be/WBcoWif202s
➨ Video Game Messaging App - https://youtu.be/2E-n0WWooGs
➨ Bloc Tutorials - https://youtu.be/S2KmxzgsTwk
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Support!!
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Helps me in carving out more time for tutorials
❤️ Buy me a Coffee https://www.buymeacoffee.com/AGd0Xngci
or here is my
❤️ PayPal account paypal.me/techieblossom
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Follow me! Show your support towards the channel:
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
🎯 Medium - https://medium.com/@prateeksharma
🎯 Twitter - https://twitter.com/SharmaPrateek7
🎯 Website - https://www.techieblossom.com
🎯 Github - https://github.com/TechieBlossom
SUBSCRIBE FOR MORE VIDEOS LIKE THIS
LIKE & SHARE
THANKS FOR WATCHING!🙏🙏🙏
TIMELINE
00:00 - Intro
01:04 - Create the outer-most hexagon
07:28 - Create inner hexagons
08:12 - Creating labels
10:24 - Create a player polygon
13:09 - Animate the polygon
14:34 - Add another player
Hello everyone, Welcome back to my channel Techie Blossom. In this video, I will teach you to create a hexagon shape and animate it which I came across while playing FIFA.
This particular hexagon shape is very popular in soccer where a player has 6 major attributes - Pace, Shooting, Passing, Dribbling, Defending, and Physicality. We can visually compare two players’ stats and find which is better in each.
So, what we should do to create this widget using Flutter. Let’s see that in this video.
► Sponsor my GitHub work - https://github.com/sponsors/TechieBlossom
► Nominate as a Github Star- https://bit.ly/3dLXFWJ (@TechieBlossom)
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Other Videos
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
➨ Movie App Pro App Series - https://www.youtube.com/playlist?list=PL342JVRNQxEAcQdnNeN0JmMzfcm6VtLxS
➨ Neumorphism, Gradient Chart & Custom Shape End Drawer - https://youtu.be/oExw0U4U_UI
➨ Google Stadia App Concept - https://youtu.be/-rqvZfUdSPw
➨ Local Events App - https://youtu.be/pAYGLroI1DI
➨ Sidebar animation and navigation - https://youtu.be/oExw0U4U_UI
➨ Despicable Me Characters App - https://youtu.be/2cl70GbiJZc
➨ Flight Ticket App Playlist - https://youtu.be/WBcoWif202s
➨ Video Game Messaging App - https://youtu.be/2E-n0WWooGs
➨ Bloc Tutorials - https://youtu.be/S2KmxzgsTwk
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Support!!
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Helps me in carving out more time for tutorials
❤️ Buy me a Coffee https://www.buymeacoffee.com/AGd0Xngci
or here is my
❤️ PayPal account paypal.me/techieblossom
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Follow me! Show your support towards the channel:
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
🎯 Medium - https://medium.com/@prateeksharma
🎯 Twitter - https://twitter.com/SharmaPrateek7
🎯 Website - https://www.techieblossom.com
🎯 Github - https://github.com/TechieBlossom
SUBSCRIBE FOR MORE VIDEOS LIKE THIS
LIKE & SHARE
THANKS FOR WATCHING!🙏🙏🙏
Published on Tue, November 8th 2022