All Projects → urpflanze-org → Urpflanze

urpflanze-org / Urpflanze

Licence: gpl-3.0
A library for developers who want to approach to creative coding, artists who want to approach coding and for those who find it fun to play with math.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Urpflanze

Pts
A library for visualization and creative-coding
Stars: ✭ 4,628 (+3822.03%)
Mutual labels:  generative-art, art, creative-coding
Awesome Creative Coding
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
Stars: ✭ 8,696 (+7269.49%)
Mutual labels:  generative-art, art, creative-coding
Generative-Art
A selection of generative art scripts written in Python
Stars: ✭ 284 (+140.68%)
Mutual labels:  art, generative-art, 2d-graphics
generative-art-Processing
Processingによるアート作品をまとめたリポジトリです.一部の作品はopenFrameworksで書かれています.This is a repository for art portfolio of Processing art. Some of arts are written in openFrameworks, one of the C++ libraries.
Stars: ✭ 31 (-73.73%)
Mutual labels:  art, creative-coding, generative-art
Ink
Creative coding in Go
Stars: ✭ 115 (-2.54%)
Mutual labels:  2d-graphics, generative-art, creative-coding
generative-art
🌈🎨 Generative Art is the idea realized as genetic code of artificial events, as construction of dynamic complex systems able to generate endless variations. This is also a nuxt-module (@luxdamore/nuxt-canvas-sketch) - [three.js, tensorflow.js and gsap are not included].
Stars: ✭ 41 (-65.25%)
Mutual labels:  art, creative-coding, generative-art
JRubyArt
JRubyArt a ruby implementation of processing
Stars: ✭ 87 (-26.27%)
Mutual labels:  art, creative-coding, generative-art
microbium-app
Draw new worlds
Stars: ✭ 89 (-24.58%)
Mutual labels:  art, creative-coding, generative-art
001
draw_code.001 — ThreeJS, WebGL & GLSL
Stars: ✭ 48 (-59.32%)
Mutual labels:  generative-art, art, creative-coding
Score
ossia score, an interactive sequencer for the intermedia arts.
Stars: ✭ 808 (+584.75%)
Mutual labels:  art, creative-coding
100daysofgenerativeart
My #100DaysOfGenerativeArt personal challenge
Stars: ✭ 19 (-83.9%)
Mutual labels:  art, creative-coding
Worlds2
Building Virtual Reality Worlds using Three.js
Stars: ✭ 34 (-71.19%)
Mutual labels:  generative-art, creative-coding
Snek
See https://github.com/inconvergent/weir instead
Stars: ✭ 696 (+489.83%)
Mutual labels:  generative-art, art
Party Mode
An experimental music visualizer using d3.js and the web audio api.
Stars: ✭ 690 (+484.75%)
Mutual labels:  generative-art, art
Curv
a language for making art using mathematics
Stars: ✭ 853 (+622.88%)
Mutual labels:  generative-art, creative-coding
Dungeontemplatelibrary
🌏: Dungeon free resources (terrain & roguelike generation)
Stars: ✭ 595 (+404.24%)
Mutual labels:  generative-art, creative-coding
Glisp
A Lisp-based Design Tool Bridging Graphic Design and Computational Arts
Stars: ✭ 519 (+339.83%)
Mutual labels:  generative-art, creative-coding
Sofloo Spot
Click Randomize
Stars: ✭ 37 (-68.64%)
Mutual labels:  generative-art, art
Armos
A free and open source library for creative coding in D programming language.
Stars: ✭ 42 (-64.41%)
Mutual labels:  art, creative-coding
Generative.fm
A platform for playing generative music in the browser.
Stars: ✭ 1,534 (+1200%)
Mutual labels:  generative-art, art

Synopsis

This library is based on the Urpflanze package for generate the scene.

It deals with creating two-dimensional shapes, repeating them, manipulating them point by point and encapsulating them.

Motivations

The creation of this library comes from the need to create simple APIs for manage the repetition of primitive shapes and the possibility of applying transformations to each of them, applying transformations on the points avoiding the use of canvas transformations.

Another need - which then became one of the main features - was to be able to encapsulate the result of a generation and manage it as if it were a new shape.

Donate

I am trying to create a tool for those who want to approach the world of programming or for programmers who want to approach the world of creative coding.

I have spent a lot of time and will spend more to support this project. I also have in mind a web editor (open-source) where you can use the features of this library in the browser.

You can see a preview here



Installation

The most immediate way to include Urpflanze in your project is to use an online hosted version.

CDN

Full version

<script src="https://cdn.jsdelivr.net/npm/urpflanze"></script>

Customizable version

<script src="https://cdn.jsdelivr.net/npm/urpflanze[@version]/build/urpflanze[-light][.min].js"></script>

NPM

To install it just run the command:

npm i --save urpflanze

At the end you can include Urpflanze in your code

import * as Urpflanze from 'urpflanze'

const scene = new Urpflanze.Scene()

// or

import { Scene } from 'urpflanze'

const scene = new Scene()

use urpflanze/dist/index-light for light version

Example

Hello Rect!

const scene = new Urpflanze.Scene()

const rect = new Urpflanze.Rect({
	repetitions: 8,
	distance: 100,
	sideLength: 20,
})
scene.add(rect) // Add rect to scene

const drawer = new Urpflanze.DrawerCanvas(scene, document.body)
drawer.draw() // Draw scene on canvas

Output

Example output


Full docs and Examples


More details on the core library

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].