DEV Community

Cover image for Urpflanze: a javascript library for creative coding

Urpflanze: a javascript library for creative coding

Gennaro on December 17, 2020

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...
Collapse
 
anthonygushu profile image
Anthony Gushu

holy shit is this cool. The save file format is genius, too. I'm super impressed by how many points and line segments you can manipulate at once without any lag - way better than what you get in p5.

Collapse
 
anthonygushu profile image
Anthony Gushu

also WOAH just noticed that vertex callback in the old web editor - that's really creative

Collapse
 
genbs profile image
Gennaro

I'll tell you a trick: then copy and paste the SVG (text) too, so you can also animate with texts and other shapes.
The vertexCallback is also very useful with a "subdivided" buffer (genbs.github.io/urpflanze/#/en/Ver...).
Have you tried clicking the "Make Shape" button in the layers panel? This is one of the most interesting features in my opinion (encapsulation)
:)

Thread Thread
 
anthonygushu profile image
Anthony Gushu • Edited

Oh yeah, I've been reading through all the docs since I found this - by far the coolest project I've come across in months tbh. That encapsulated layer system is really neat

I've been building on a generative art editor inspired by a Photoshop/Illustrator kind of workflow using paper.js, but I'm honestly going to switch the engine to this and try to get involved with contributing - especially with the ability to export as SVG for plotting and scaling to whatever canvas you want.

Thread Thread
 
genbs profile image
Gennaro

These days I also publish the editor code, so you can check it out.
For anything do not hesitate to contact me :)

Collapse
 
genbs profile image
Gennaro

it is quite powerful, but some videos are rendered.
Surely if I can write a drawer based on webgl it will be even more powerful

Collapse
 
anthonygushu profile image
Anthony Gushu

Yeah if you achieve fully mutable, real-time rendering, that would make the whole experience crazy interactive with that shiny new native-app feel.
Lately, I've been reading a lot about people experimenting with compiling OpenGL/WebGL into wasm and seeing some substantial performance boosts over out of the box WebGL. This is a cool example I came across

Thread Thread
 
genbs profile image
Gennaro

It would be really cool to do something like this! Meanwhile, I study better the webgl and how to create a drawer with them. Let's keep up to date!

Collapse
 
artydev profile image
artydev

Greatissime
Thank you very much

Collapse
 
genbs profile image
Gennaro

Thanks to you for the feedback. Ii hope it will be useful to someone :)

Collapse
 
antonioru profile image
Antonio Russo

Super nice!

Collapse
 
genbs profile image
Gennaro

❤️❤️❤️❤️

Collapse
 
ziizium profile image
Habdul Hazeez

This is interesting.