genkitart
v1.0.3
Published
Toolkit library for generative art projects created by Rodrigo Medina
Downloads
13
Maintainers
Readme
Genkitart
Genkitart is a library in process to develop generative art projects, library and documentation still in early stage development and constantly changing.
Table of Contents
- [Getting Started]
- [Color]
- [Geometry]
- [Utils]
Getting Started
To get started with Genkitart, follow these steps:
- Install the library:
npm install genkitart
oryarn add genkitart
- Import the library in your project:
import genkitart from 'genkitart'
- Access the categories and functions within Genkitart to create your generative art masterpiece.
Genkitart
Genkitart is a library that assists in creating generative art projects. It provides a set of tools for working with colors, geometry, rendering, and utility functions.
Requirements
- p5.js (version 1.0.0 or later): Genkitart depends on the p5.js library for rendering and some utility functions. Make sure to include p5.js in your project when using Genkitart.
Installation
To install Genkitart and its dependencies, use the following command:
``bash npm install genkitart p5
Usage
To use Genkitart with p5.js, first import the required components from both libraries:
```
import p5 from 'p5';
import { Point, convexHull } from 'genkitart';
```
Then, you can use the functions and classes provided by Genkitart and p5.js in your project. For example:
``` const sketch = (p) => { p.setup = () => { p.createCanvas(400, 400); };
p.draw = () => { p.background(220);
// Use Genkitart's Point and convexHull functions
const points = [new Point(50, 50), new Point(350, 50), new Point(200, 350)];
const hull = convexHull(points);
// Draw the convex hull using p5.js functions
p.stroke(255, 0, 0);
p.fill(255, 0, 0, 50);
p.beginShape();
for (const point of hull) {
p.vertex(point.x, point.y);
}
p.endShape(p.CLOSE);
}; };
new p5(sketch);
const sketch = (p) => { p.setup = () => { p.createCanvas(400, 400); };
p.draw = () => { p.background(220);
// Use Genkitart's Point and convexHull functions const points = [new Point(50, 50), new Point(350, 50), new Point(200, 350)]; const hull = convexHull(points);
// Draw the convex hull using p5.js functions p.stroke(255, 0, 0); p.fill(255, 0, 0, 50); p.beginShape(); for (const point of hull) { p.vertex(point.x, point.y); } p.endShape(p.CLOSE);
}; };
new p5(sketch); ```