paint-brush
Urpflanze JavaScript Library for Generative Art and Creative Codingby@genbs
976 reads
976 reads

Urpflanze JavaScript Library for Generative Art and Creative Coding

by Gennaro BosoneJanuary 10th, 2021
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

Urpflanze JavaScript Library for Generative Art and Creative Coding. Can be used for texture generation, as support to other vector graphics software (thanks to SVGExporter), or to print with Penplotter. Can also be used to create animations and create sounds from shapes and vice versa. The library was created by Gennaro Bosone, a full stack developer. It is available to download and use in the wild for the first time, but not for commercial purposes.
featured image - Urpflanze JavaScript Library for Generative Art and Creative Coding
Gennaro Bosone HackerNoon profile picture

For some time now, I have been feeling the need to use the code not for commercial purposes, but purely for fun.

This is why I am approaching the world of creative coding.

One big difficulty I immediately encountered was the lack of knowledge of linear algebra and trigonometry, and this is the reason why I decided to develop a library that would make the approach easier even for the less experienced user.

Mandalas have always fascinated me, so I started with simple shapes such as lines and polygons, and I worked on how to distribute them on a circumference.

I focused on managing every single repetition and encapsulating the generated shapes, which allowed me to create new forms starting from the previous and simpler ones.

In addition to circular repetitions, I also added the possibility of creating matrices and some effects during the drawing phase, such as viewing the previous frames or disabling the deletion of the canvas at each frame.

Perfect to create images or animations, it can be used for texture generation, as support to other vector graphics software (thanks to SVGExporter), or to print with Penplotter.

At the moment the roadmaps available are:

  • Documentation for other services (e.g. DrawerSVG)
  • a web-based editor already under development (a very old version is at this link gifted-booth-1ad22e.netlify.app)
  • Rendering in WebGL
  • Audio library to create sounds from shapes and vice versa

Docs and Examples | Repository Other examples

Also published at https://dev.to/genbs/urpflanze-a-javascript-library-for-creative-coding-142j