bachelor/wonders
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Work on chichen itza to be more responsive

Browse Source
This commit is contained in:
Shawn 2022-10-07 11:54:04 -06:00
parent e734b5cec7
commit a8e418d983
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
lib/ui/wonder_illustrations/chichen_itza_illustration.dart
View File

@ -27,7 +27,7 @@ class ChichenItzaIllustration extends StatelessWidget {
), ),
), ),
Align( Align(
alignment: Alignment(config.shortMode ? .25 : .7, config.shortMode ? 1 : -.15), alignment: Alignment(config.shortMode ? .25 : .5, config.shortMode ? 1 : -.15),
child: WonderHero( child: WonderHero(
config, config,
'chichen-sun', 'chichen-sun',
@ -50,7 +50,7 @@ class ChichenItzaIllustration extends StatelessWidget {
Align( Align(
alignment: Alignment(0, config.shortMode ? 1.2 : -.15), alignment: Alignment(0, config.shortMode ? 1.2 : -.15),
child: FractionallySizedBox( child: FractionallySizedBox(
widthFactor: config.shortMode ? 1.5 : 2.6, heightFactor: config.shortMode ? null : 2.6,
child: WonderHero( child: WonderHero(
config, config,
'chichen-mg', 'chichen-mg',
@ -67,14 +67,14 @@ class ChichenItzaIllustration extends StatelessWidget {
Stack( Stack(
children: [ children: [
Transform.scale( Transform.scale(
scale: 1 + config.zoom * .2, scale: 1 + config.zoom * .05,
child: FractionalTranslation( child: FractionalTranslation(
translation: Offset(-.2 * (1 - curvedAnim), 0), translation: Offset(-.2 * (1 - curvedAnim), 0),
child: BottomLeft( child: BottomLeft(
child: FractionallySizedBox( child: SizedBox(
heightFactor: .5, height: 500,
child: FractionalTranslation( child: FractionalTranslation(
translation: Offset(-.4, 0), translation: Offset(-.4, .15),
child: Image.asset('$assetPath/foreground-left.png', opacity: anim, fit: BoxFit.cover), child: Image.asset('$assetPath/foreground-left.png', opacity: anim, fit: BoxFit.cover),
), ),
), ),
@ -82,14 +82,14 @@ class ChichenItzaIllustration extends StatelessWidget {
), ),
), ),
Transform.scale( Transform.scale(
scale: 1 + config.zoom * .1, scale: 1 + config.zoom * .03,
child: FractionalTranslation( child: FractionalTranslation(
translation: Offset(.2 * (1 - curvedAnim), 0), translation: Offset(.2 * (1 - curvedAnim), 0),
child: BottomRight( child: BottomRight(
child: FractionallySizedBox( child: SizedBox(
heightFactor: .33, height: 350,
child: FractionalTranslation( child: FractionalTranslation(
translation: Offset(.5, -.32), translation: Offset(.35, .2),
child: Image.asset('$assetPath/foreground-right.png', opacity: anim, fit: BoxFit.cover), child: Image.asset('$assetPath/foreground-right.png', opacity: anim, fit: BoxFit.cover),
), ),
), ),
@ -97,12 +97,12 @@ class ChichenItzaIllustration extends StatelessWidget {
), ),
), ),
Transform.scale( Transform.scale(
scale: 1 + config.zoom * .15, scale: 1 + config.zoom * .25,
child: FractionalTranslation( child: FractionalTranslation(
translation: Offset(-.2 * (1 - curvedAnim), 0), translation: Offset(-.2 * (1 - curvedAnim), 0),
child: TopLeft( child: TopLeft(
child: FractionallySizedBox( child: SizedBox(
heightFactor: .55, height: 600,
child: FractionalTranslation( child: FractionalTranslation(
translation: Offset(-.3, -.45), translation: Offset(-.3, -.45),
child: Image.asset('$assetPath/top-left.png', opacity: anim, fit: BoxFit.cover), child: Image.asset('$assetPath/top-left.png', opacity: anim, fit: BoxFit.cover),
@ -112,14 +112,14 @@ class ChichenItzaIllustration extends StatelessWidget {
), ),
), ),
Transform.scale( Transform.scale(
scale: 1 + config.zoom * .3, scale: 1 + config.zoom * .2,
child: FractionalTranslation( child: FractionalTranslation(
translation: Offset(.2 * (1 - curvedAnim), 0), translation: Offset(.2 * (1 - curvedAnim), 0),
child: TopRight( child: TopRight(
child: FractionallySizedBox( child: SizedBox(
heightFactor: .65, height: 700,
child: FractionalTranslation( child: FractionalTranslation(
translation: Offset(.45, -.35), translation: Offset(.2, -.35),
child: Image.asset('$assetPath/top-right.png', opacity: anim, fit: BoxFit.cover), child: Image.asset('$assetPath/top-right.png', opacity: anim, fit: BoxFit.cover),
), ),
), ),