Flutter: gradient stripes over x-axis

main.dart

/// Main area of interest, this function will
/// return color for each particular color on our [ui.Image]
int generatePixel(int x, int y, Size size) {
  /// Compute unified vector, values of its components
  /// will be between 0 and 1
  var uv = Vector2(x / size.width, y / size.height);
  var xTiles = 10.0;

  /// First of all, we scale uv.xxx ten times:
  /// 0..1 * 10 -> 0..10
  /// 
  /// Then, for a particular position, it would look like:
  /// 0.24 * 10 -> 2.4
  /// 
  /// Taking a fraction, would clamp resulting value back to
  /// unit range:
  /// frac(2.4) -> 0.4
  /// 
  /// So, below we will have 10 gradient stripes over x-axis.
  return toColorInt(frac(uv.xxx * xTiles));
}