#P5.js

[joshleejosh]

f4 - http://joshleejosh.com/sketches

[finitestateai]

I redesigned my profile picture in code (I'm using P5.js), mostly so I could have some more control over it and make more (and different) animations with it. But it also allowed me to make it higher quality.

I'm going to make some more soon, hopefully, but here's my basic "Idle" animation and a trans one.

Might even try to make it react to things live so I can rig it up to be a sort of vtuber thing :p. We'll see.

It's the closest thing I have to a robotsona, and feels very gender to me, so I definitely want to make it do more. Next up are probably angry and blushing because I have a good idea of how to make those.

[pechebo]

a scene from my first interactive art project! i started to experiment with creative coding this semester

[piti2048]

asemicBezier @p5xjs. Characters generated with random Bezier curves, simulating asemic writing... WIP? Plot with several pens: white Sakura 08 Gelly Roll, black Sakura Micron 08 and red fiber 04, over A4 white/kraft paper. iDraw H A3.

[slunch]

experimenting with checking for self-collision when plotting a flow field

[thenomi]

advent.js 2024.

rianna invited me to this year's advent.js and i made a little thing using p5.js for the first time. mine is on the 10th but check out other days too! https://adventjs.itch.io/adventjs-2024 november 2024

[qwertacius-boi]

Codetober 2023- Day 1

Welp, my editor was broken :( i tried to run a simple program but it just showed blank white screen sooo... better luck tmr?

Q; What got you interested in programming? A; watching my sister create animations on Khan Academy :)

[saianne-capstone]

Check-in #7

My last update was a little dramatic, but I still have not forgiven myself nor Unity for what happened to my almost finished game. As of right now, My project is in shattered piles of code as I try to rewrite my game into another coding language, java script vs. C#. Java script is much easier for me in the aspect of understanding what I am writing, but also difficult because all of the code I had already written was already serving it purpose. I can't help but mourn what once was as I try to re-code moving and the camera following the player in P5.js. The website editor was not actually intended to create games, rather NFTs, but it seems to be serving my purpose so far.

Lines upon lines of code, all neatly labeled and categorized. Having them all on one file rather than compartmentalized helps me. It made my professor grimace when he saw it during my other class today but he gave me a lot of useful feedback that will hopefully fix some of the issues that I had been running into. Every time I see the player character model I wince though because in Unity it was possible to have an animated character but I haven't been able to find a tutorial that works in P5.js that can replicate the same effect.

Below is a screenshot of what I see when I log into the project!>>

[wobinbug]

P5.js is actually such a cool library and I feel I've barely scratched the surface! It's super friendly for creating artwork and I can totally see myself using it in future projects.

p5js.org also has fantastic documentation and its own online editor, so it's super easy to get started 😉 I totally get why my course uses it to teach JavaScript to beginners.

[tauuneuutrino]

Snippets and photos from a coding project

[joshleejosh]

f4 - http://joshleejosh.com/sketches

[completeandrandomshit]

Generative Art/Creating Art With Code/p5.js Masterlist

[shininganthracite]

[piti2048]

triSegments @p5xjs. 26K segments random rotated and vertical alineation. Plot with black 0.2 ballpoint Pilot G-TEC-C4 (fantastic!) over white A4 paper. 2 hours.iDraw H A3.

[taramoves]

Meaning leaves its trails