p5.js VS paper.js

p5.js – JavaScript framework for creative interactive coding

p5.js is a JavaScript library that I've enjoyed messing with. It's related to Processing.

https://p5js.org/

Art Blocks, founded by Erick Calderon in 2020, is a platform that enables artists to create generative art using blockchain technology. It operates on the Ethereum blockchain, leveraging smart contracts to mint unique art pieces as NFTs. The process begins with artists submitting scripts that define the artwork's parameters. Once approved, these scripts generate unique pieces upon purchase, offering collectors a blend of surprise and originality. Blockchain's role in Art Blocks is pivotal. Its decentralized nature allows artists to bypass traditional gatekeepers, reaching a global audience directly. The immutability of blockchain ensures the authenticity and provenance of each piece, while its transparency fosters trust between artists and collectors. Moreover, blockchain's security features protect artworks from unauthorized modifications, preserving their value. Art Blocks embodies open-source principles by promoting a collaborative environment where artists, developers, and collectors share insights and techniques. This openness is akin to open-source projects, fostering innovation and creativity. The platform's use of open-source programming languages like Processing and p5.js further enriches this ecosystem. The integration of open-source practices with blockchain, as seen in Art Blocks, holds immense potential. It democratizes art creation and distribution, empowering artists to retain control over their work and ensuring fair compensation through smart contracts. This synergy also encourages innovation, leading to new art forms and technology-driven expressions. However, challenges remain. Technical barriers can hinder broader adoption, and the volatile nature of cryptocurrency markets can impact the art market. Environmental concerns related to blockchain's energy consumption also need addressing for sustainable growth.

File a bug report with p5.js

In my experience with AI code generation, in visual projects like UI development or JavaScript based animation (using three.js or p5.js) etc. AI tools work pretty well.

For this most recent assignment we were tasked with contributing a larger feature to an open source project. During my time with the previous assignment I worked on a game engine called Litecanvas, inspired engine by libraries like raylib and p5.js/Processing.

Let’s not forget P5js which has a long and esteemed history of helping to teach kids and more to program. It’s browser based so it’s compatible with every OS and requires no install. FOSS with an active community of users and contributors. I personally taught some middle schoolers with zero programming experience how to make interactive monsters in 1 hour. It was awesome!

https://p5js.org/

Generative art is a technique where the artist creates systems, usually in the form of algorithms, that autonomously generate artworks. These systems can produce infinite results from an initial set of rules, making the process fascinating and full of possibilities. In this article, we will delve into the world of generative art using JavaScript and, more specifically, the popular library p5.js.

https://p5js.org/

Basic 60 frames a second canvas and the rest is JavaScript.

Pair that with the excellent Coding Train series https://youtube.com/@thecodingtrain

To get around the "serve a webpage locally" problem, you could either have Python or Node serve a webpage, or I once rigged up a samba share and a small web server on a home server and turned a kid loose on it ... It didn't take, I should have spent more time helping them daily on it.

But that's an idea.

Paper.js - Vector graphics scripting framework

I started with angular and paper.js: http://paperjs.org/

In a thread in the Processing forum, Boolean operations in polygons , user ErraticGenerator suggests using g.js or Paper.js.

It is likely that paper.js provides the functionality needed. I will probably investigate it at some point since it appears to be the more popular library Compare paper.js & bezier.js.

To solve that issue, I searched for some solutions using canvas. I didn’t want to work with pure canvas so after doing some research, I settled with paper.js.

Ooh, the Chebyshev basis is neat. I hadn't seen exactly that before. It reminds me a lot of the "shape control" technique[1] which is also similar to a basis function approach but has a bit of linear solving. Essentially, you get one point (usually at t = 0.5), and also the direction but not magnitudes of the tangents at the endpoints (G1, not C1). This is one of the better-performing existing techniques for offset curve, though does have stability problems (in particular, nasty behavior for a symmetric "S" curve).

Regarding collaboration with Freya, if she is open to it, please get in touch. I do have some ideas.

[1]: A New Shape Control and Classification for Cubic Bézier Curves, Yang and Huang, 1993, PDF cache: https://github.com/paperjs/paper.js/files/752955/A.New.Shape...

Paper.js - example (not interactive, just code)

Just remember you can do some SVG displacement with Paper.JS