A generative art app for mobile
Google Play: https://play.google.com/store/apps/details?id=cc.monoid.cascade
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
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.
MIT