p5.js: Processing in your Browser

Gepostet vor 3 Jahren, 17 Tagen in #Design #Misc #Tech #Coding

Share: Twitter Facebook Mail

hello_p5-icon-240x143Processing ist eine vereinfachte Programmiersprache für Designer, mit der man jede Menge Schnickschnack wie zum Beispiel diesen Clip für Radioheads Weird Fishes anstellen kann. Und diese Programmiersprache haben sie jetzt in eine JavaScript-Lib namens P5.js gepackt, inklusive add-ons für HTML5 Video, Webcams und Sound. Ich wollte mir Processing eh immer mal genauer anschauen, das hier ist so ziemlich die Gelegenheit dafür. Hier die Download-Seite, hier eine schicke Präsentation (mit 'nem Typen, dem man einmal zu oft gesagt hat, er solle seine Arme bewegen, wenn eine Videocam auf ihn gerichtet ist)

p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web.

Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you're not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.

P5.js (via Waxy)

Very Bad Bitcoin-Miners

Quartz war neulich in der größten Bitcoin-„Mine“ der Welt und hat von dort Fotos und Videos mitgebracht. Sind so ungefähr…

Monospaced Programming Fonts with Ligatures

Didn't know these exist, love it: Monospaced Programming Fonts with Ligatures. Three of the most interesting and thoughtful monospaced programming…

Stereographic Torus Knot

I'm not sure what's going on here but I like it: „This is very similar to Rise Up, though with…

Very Bad Volume Control Interfaces

Vor einer Woche postete Redditor Jacobone dieses Interface für Lautstärkeregelung von irgendeiner Win-App. Then this happened: r/ProgrammerHumor/search?q=volume&restrict_sr=on. Because ofcourse it…

Zalgo Droplet

A Javascript-Droplet „to invoke the hive-mind representing chaos. Invoking the feeling of chaos. With out order. The Nezperdian hive-mind of…

C64-Demo generates itself from Soundtrack

Gewinnerdemo der Revision 2017 von Linus Akesson, ein C64-Hack in 256 Bytes: A Mind is born. Ich verstehe ja noch…

Binary Keyboard

Nette Spielerei von Chris Johnston: „A two-button backlit mechanical keyboard that types ASCII values, one bit at a time.“ (via…

Digital-Uhr in Conways Game of Life

Großartig: Eine Digital-Uhr in John Horton Conways zweidimensionalen zellulären Automaten: Get the design from this gist. Copy the whole file…

A Banana Keytar and more from Stupid Hackathon: Inverted Eyetracker-Pong, Robot Porn Addict or the Shitty Sharpie Tattoo Gun)

Ein weiterer Fav vom Stupid Hackathon NYC 2017, die Banana-Keytar von Amanda Lange. Auch geil: der Twitter-Bot Robot Porn Addiction,…

Dwitter – Social-Network für JavaScript-Remixe

Dwitter, ein Social Network von Andreas Løve Selvik für visuelle Javascript-Experimente in 140 Zeichen mit eingebauter Remix-Option für jedes Code-Snippet.…

Finding Animal-Shapes in Noise

Michael Trott hat im Forum von Wolfram Alpha ein random Noise-Pic generiert, die Verdichtungen und Shapes im Noise isoliert, die…