fce6506862
-Adjust curved clipper for taller spade/pyramid masks. -Wonder graphics adjustments for moons petra/pyramids Carousel items - inset non-focused items with padding to shrink - adjust vOffsets to match larger curve Carousel – Include 800 in shortmode limit (<=) – Try dynamic bottom height, remove shortmode sizing. – increase background radius, and remove curve flattening. Tested on macOS, ipad pro (port/land), iphone 14 Pro, samsung active tab pro.
88 lines
2.8 KiB
Dart
88 lines
2.8 KiB
Dart
import 'package:wonders/common_libs.dart';
|
|
import 'package:wonders/ui/common/fade_color_transition.dart';
|
|
import 'package:wonders/ui/wonder_illustrations/common/illustration_piece.dart';
|
|
import 'package:wonders/ui/wonder_illustrations/common/paint_textures.dart';
|
|
import 'package:wonders/ui/wonder_illustrations/common/wonder_illustration_builder.dart';
|
|
import 'package:wonders/ui/wonder_illustrations/common/wonder_illustration_config.dart';
|
|
|
|
class PyramidsGizaIllustration extends StatelessWidget {
|
|
PyramidsGizaIllustration({Key? key, required this.config}) : super(key: key);
|
|
final WonderIllustrationConfig config;
|
|
final String assetPath = WonderType.pyramidsGiza.assetPath;
|
|
final fgColor = WonderType.pyramidsGiza.fgColor;
|
|
final bgColor = WonderType.pyramidsGiza.bgColor;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return WonderIllustrationBuilder(
|
|
wonderType: WonderType.pyramidsGiza,
|
|
config: config,
|
|
bgBuilder: _buildBg,
|
|
mgBuilder: _buildMg,
|
|
fgBuilder: _buildFg,
|
|
);
|
|
}
|
|
|
|
List<Widget> _buildBg(BuildContext context, Animation<double> anim) {
|
|
return [
|
|
FadeColorTransition(animation: anim, color: fgColor),
|
|
Positioned.fill(
|
|
child: IllustrationTexture(
|
|
ImagePaths.roller2,
|
|
color: Color(0xFF797FD8),
|
|
opacity: anim.drive(Tween(begin: 0, end: .75)),
|
|
flipY: true,
|
|
scale: config.shortMode ? 4 : 1.15,
|
|
),
|
|
),
|
|
IllustrationPiece(
|
|
fileName: 'moon.png',
|
|
initialOffset: Offset(0, 50),
|
|
enableHero: true,
|
|
heightFactor: .15,
|
|
minHeight: 100,
|
|
offset: config.shortMode ? Offset(180, context.heightPx * -.09) : Offset(250, context.heightPx * -.3),
|
|
zoomAmt: .05,
|
|
),
|
|
];
|
|
}
|
|
|
|
List<Widget> _buildMg(BuildContext context, Animation<double> anim) {
|
|
return [
|
|
IllustrationPiece(
|
|
fileName: 'pyramids.png',
|
|
enableHero: true,
|
|
heightFactor: .5,
|
|
minHeight: 300,
|
|
zoomAmt: 0, //config.shortMode ? -.2 : -2,
|
|
fractionalOffset: Offset.zero, //Offset(config.shortMode ? .015 : 0, config.shortMode ? .17 : -.15),
|
|
)
|
|
];
|
|
}
|
|
|
|
List<Widget> _buildFg(BuildContext context, Animation<double> anim) {
|
|
return [
|
|
IllustrationPiece(
|
|
fileName: 'foreground-back.png',
|
|
alignment: Alignment.bottomCenter,
|
|
initialOffset: Offset(20, 40),
|
|
initialScale: .95,
|
|
heightFactor: .55,
|
|
fractionalOffset: Offset(.2, -.01),
|
|
zoomAmt: .1,
|
|
dynamicHzOffset: 150,
|
|
),
|
|
IllustrationPiece(
|
|
fileName: 'foreground-front.png',
|
|
alignment: Alignment.bottomCenter,
|
|
initialScale: .9,
|
|
initialOffset: Offset(-40, 60),
|
|
heightFactor: .55,
|
|
fractionalOffset: Offset(-.09, 0.02),
|
|
zoomAmt: .25,
|
|
dynamicHzOffset: -150,
|
|
),
|
|
];
|
|
}
|
|
}
|