flutter_japFlameTutorial_render.dart

void render(Canvas canvas) {
  /// BACKGROUND (BOTTOMMOST LAYER)
  Rect bgRect = Rect.fromLTWH(0, 0, screenSize!.width,screenSize!.height);
  Paint bgPaint = Paint();
  bgPaint.color = Color(0xffbbcc00);
  canvas.drawRect(bgRect, bgPaint);
  /// TARGET BOX (TOPMOST LAYER)
  print(screenSize); // ! target box does not change with screen size
  double screenCenterX = screenSize!.width / 2;
  double screenCenterY = screenSize!.height / 2;
  Rect boxRect = Rect.fromLTWH(screenCenterX - 75, screenCenterY - 75, 150, 150);
  Paint boxPaint = Paint();
  // CHANGE TARGET BOX COLOUR CONDITIONALLY
  if (hasPressed) {
    boxPaint.color = Color(0xff00ff00);
  } else {
    boxPaint.color = Color(0xffffffff);
  }
  canvas.drawRect(boxRect, boxPaint);
}