Cascade

A generative art app for mobile

Google Play: https://play.google.com/store/apps/details?id=cc.monoid.cascade

Architecture

Tools/Frameworks

Cascade uses the following tools and frameworks.

• react-native
• react-native-webview
• capsid (DOM programming)
• HTML5 Canvas
• lepont native bridge library
  • @lepont/async-storage for storgin persistent data
  • @lepont/share for sharing image

Spec

Data format

Cascade has the following data types.

type Box = {
  x: number; // the x of the box
  y: number; // the y of the box
  width: number; // the width of the box
  height: number; // the height of the box
  color: string; // the color of the box
};
type TextLabel = {
  body: string; // text body
  size: number; // text font size in px
  fontFamily: string; // text font family
  color: string; // text color
  shadowColor: string; // color of text shadow
};
type Artwork = {
  id: string;
  boxes: Box[];
  text: TextLabel;
  backgroundColor: string;
  createdAt: number;
};

See https://github.com/monoidcc/Cascade/blob/main/src/domain/models.ts for more details.

License

MIT