pyconar-talk
p5.js
pyconar-talk | p5.js | |
---|---|---|
1 | 236 | |
3 | 21,027 | |
- | 0.8% | |
10.0 | 9.9 | |
over 6 years ago | 2 days ago | |
Python | JavaScript | |
- | GNU Lesser General Public License v3.0 only |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
pyconar-talk
-
Ask HN: Resources to learn generative art programming?
Start by copying some existing example code and running it locally, then edit it and see what changes. Comment pieces out, look at the results. Change magic numbers to understand the effect. It probably has some calls to a random number generator in it; add more calls to the random number generator.
There are lots of examples bundled with Proce55ing, on Shadertoy, on bl.ocks.org, on ObservableHQ, on Jared Tarbell's website, in the Coding Train vlog, etc. My own repo of examples using Python and PyGame is at https://github.com/kragen/pyconar-talk, but I've also done examples like http://canonical.org/~kragen/sw/dev3/tweetfract.html with (you have to click on the invisible to see it) and http://canonical.org/~kragen/sw/dev3/plotiir.html. Start with small things.
There's probably some kind of awesome example repo out there for deepdream ANN stuff but I don't know what to recommend.
But that's just where to start. Once you're doing stuff you'll want to understand what you're doing and learn about more techniques (algorithmic, software design, and interfaces to libraries and devices) so you can expand your range. There's lots of resources out there (Tarbell in particular has given an hour lecture you can find on YouTube about what techniques he finds useful) but I can suggest:
∙ Many instances of the same thing that differ by incrementing a variable. For example, you can create 64 particles that move from point A to point B at successive points in time 30 milliseconds apart, or at the same point in time at 64 different velocities, or 64 Bezier curves from point A to point B that start at 64 angles evenly spaced around a circle.
∙ Adding randomness to things. Adding randomness to pixel colors gives you "graininess"; adding randomness to object positions gives you spatial dispersion or, if the randomness varies over time, jittering; adding randomness to the angles of different objects gives you visual variety.
(to be continued)
p5.js
-
Battlesnake Challenge #2 - JavaScript
JavaScript is everywhere. Not only is JavaScript on every layer of the tech stack (frontend/middleware/backend), but you can also find JavaScript in every software domain. No matter if you want to do command-line tools, creative coding, or machine learning, you can do it in JavaScript. Because JavaScript is so ubiquitous, as a developer it’s the best career choice you can make.
-
Processing Foundation 2024 Software Development Grant (pr05): 'New Beginnings' Open Call
The Processing Foundation is thrilled to announce the open call for pr05 (pronounced “pros”), a new grant and mentorship initiative designed to support the professional growth of early to mid-career software developers through hands-on involvement in open-source projects. This is a unique opportunity to grow as a developer while making a tangible impact on software projects used by millions of creatives, artists, educators, and students globally. The topic of this year’s program is 'New Beginnings', focusing on supporting projects that will enhance and solidify the Processing and p5.js ecosystems and help lay strong foundations for their futures.
-
How to build an associative graph using React + p5
I'm using the JavaScript graphics library p5 inside a react component, like so:
- P5.js: Online Canvas Programming
- Coming Home From the South Pole
-
Turbo Pascal Turns 40
Processing (P5) had this: you can select any string of text in its IDE anl search for it in the docs, and if it's one of the built-in functions or constants it will open the associated static html page that came installed with the software, so no internet nor server required. And despite being offline you can still navigate the docs too. This feels a lost basic skill in static site generation these days.
It was the only creative coding framework that had complete, offline documentation like that at the time I might add. OpenFrameworks is still mostly autogenerated stubs for example.
IMO it was one of the things that gave Processing an edge in educational contexts over all alternatives. I was pretty sad to see p5.js not fully continue that tradition and require that you go online to read the docs, and that it's not a static website but that text is rendered with javascript when you open it (still complete and with examples though).
https://processing.org/
https://p5js.org/
-
My Google Play Developer account has been terminated
I thought it could be funny to use the javascript version of it https://p5js.org/ in a web page and then wrap it in a Unity app, since Unity was and is the environment I use for making apps.
-
Repetition can make you loopy!: Intro to JavaScript Loops
In this last section, I'll be creating some visual examples to show how helpful loops can be. I'll be using p5js, a JavaScript library with functionality for creative coding. That being said, I'll try to give a condensed version of the functions being utilized in the following examples.
-
G9.js: Automatically Interactive Graphics
I was curious too, took a little bit of digging :)
"the original domain of [P]rocessing was proce55ing.net, so people used to sometimes refer to processing as proce55ing or P5 or p5 for short. they still do sometimes. p5.js is a reference to that."
from https://github.com/processing/p5.js/issues/2443
-
[OC] Monthly Performance of the S&P 500: 94 Years in 1 Video.
Sketch.js - https://p5js.org/
What are some alternatives?
iao - iao
three.js - JavaScript 3D Library.
awesome-generative-art - Awesome generative art
paper.js - The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey
glicol - Graph-oriented live coding language and music/audio DSP library written in Rust
fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
two.js - A renderer agnostic two-dimensional drawing api for the web.
BabylonJS - Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
heatmap.js - 🔥 JavaScript Library for HTML5 canvas based heatmaps
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Pygame - 🐍🎮 pygame (the library) is a Free and Open Source python programming language library for making multimedia applications like games built on top of the excellent SDL library. C, Python, Native, OpenGL.
d3-cloud - Create word clouds in JavaScript.