Altre risorse teoriche e pratiche
Guide e documentazione
A complete guide to making web pages from scratch, Oliver James
Guida sintetica alla creazione di pagine web, per chi non ha conoscenze specifiche.
Interneting Is Hard, Oliver James
Guida completa all'HTML e al CSS.
Introduction To JavaScript, Codecademy
Corso interattivo su JavaScript, gratuito per la parte introduttiva.
p5.js / Learn, Lauren McCarthy e altri
Introduzione e approfondimenti su p5.js dal sito ufficiale.
p5.js / Reference, Lauren McCarthy e altri
Descrizione di tutte le variabili, le funzioni e le classi di p5.js (e della ex p5.dom.js).
p5.sound.js / Reference, Jason Sigal
Descrizione di tutte le classi di p5.sound.js.
Introduction - p5.js Tutorial, Daniel Shiffman
Serie di videotutorial su p5.js per chi non conosce la programmazione.
Introduzione a Processing, Federico Pepe
Il resto del sito è dedicato anche ad argomenti più specifici e all'uso di software musicali.
Bigino su p5.js per artisti, Antonio Belluscio
Pagina stampabile con le variabili, le funzioni e i concetti di base più utili agli artisti visivi e ai graphic designer.
Articoli e tutorial
Programming Design Systems, Rune Madsen
Princìpi del Graphic Design spiegati con p5.js.
Inconvergent - A Study of Generative Algorithms, Anders Hoff
Articoli (soprattutto quelli iniziali) sulla generazione di configurazioni grafiche.
How Generative Music Works, Tero Parviainen
Utile anche per capire come strutturare nel tempo forme e colori.
Coding Challenges, Daniel Shiffman
Una serie di videotutorial su temi specifici della geometria, della simulazione, ecc.
Profilo Medium di Kelly Lougheed
Fra gli articoli, alcuni sono tutorial su come fare giochi, filtri e altro con p5.js.
Generative Artistry / Tutorials, Tim Holman
Viene usato il JavaScript puro ma la comprensione degli algoritmi è abbastanza intuitiva grazie a un sistema di formazione progressiva del codice.
Blog di Tim Rodenbröker
I tutorial sono per Processing ma non è complesso adattarli a p5.js.
Libri e eBook
Getting Started with p5.js, L. McCarthy, C. Reas, B. Fry; Maker Media, 2015
Forse un po' datato (p5.js ha subito diversi cambiamenti dal 2015) ma rimane il testo di base del linguaggio. Disponibile anche in formato eBook.
FORM+CODE - In Design, Art and Architecture, C. Reas, C. McWilliams, LUST; Princeton Architectural Press, 2010
Un testo incentrato più sull'estetica generativa che sull'apprendimento del codice.
Generative Design: Visualize, Program, & Create with JavaScript in p5.js, B. Groß, H. Bohnacker, J. Laub, C. Lazzeroni; Princeton Architectural Press, 2018
Con un'impostazione più da libro di graphic design e ricco di esempi di codice.
Generative Design: Visualize, Program, and Create with Processing, H. Bohnacker, B. Groß, J. Laub, C. Lazzeroni; Princeton Architectural Press, 2012
È la versione precedente quella per p5.js [vedi sopra] ma contiene anche capitoli su argomenti più avanzati.
The Nature of Code, Daniel Shiffman; autoprodotto, 2012.
Dedicato alla simulazione dei sistemi naturali con esempi di codice in Processing. È leggibile anche online gratuitamente.
Editor e altri strumenti
p5.js Web Editor
È l'editor ufficiale di p5.js che crea automaticamente i file di base necessari e permette di scrivere il codice con suggerimenti sugli errori di sintassi e la possibilità di vedere il risultato anche durante la scrittura.
OpenProcessing
Rispetto al p5.js Web Editor ha una segnalazione degli errori meno efficace ma più curato nell'interfaccia e nella visualizzazione dello sketch. Permette di gestire delle classroom ma quelle con più di 15 iscritti sono a pagamento.
CodePen
Non è specifico per p5.js ma, nelle impostazioni JavaScript, è possibile aggiungere facilmente i link alle versioni CDN delle librerie di base.
Atom
È un editor liberamente utilizzabile su Windows, macOS e Linux ed è ricco di estensioni (package) facilmente installabili. Si consigliano il package Atom Live Server e l'attivazione dell'opzione "autosave".
Due alternative open source sono Brackets e Visual Studio Code. A pagamento si trova anche Sublime, gratuito per usi non continuativi.
Processing to p5.js converter
Converte codice Processing (e Processing.js) in codice p5.js. Non garantisce sempre una conversione totale ma può essere utile con codici molto semplici o per una prima conversione di massima.
Creating videos from Processing's p5.js with CCapture.js and ffmpeg, Peter Beshai
È un tutorial ma contiene il link alla libreria CCapture.js e ne descrive l'uso per catturare i fotogrammi di uno sketch p5.js.
Codici e altre risorse
P5.js Examples
Sono gli esempi, divisi per categorie, del sito ufficiale di p5.js.
OpenProcessing
Molti sketch sono in Processing.js ma quelli in p5.js stanno crescendo velocemente.
CodePen
Nonostante non sia specifico per p5.js, contiene già migliaia di esempi.
Open Foundry
Con una selezione di font open source liberamente scaricabili e utilizzabili.
Internet Archive
Un immenso archivio di musica, video, software e altro materiale gratuito.
The Public Domain Review
Un progetto che cerca far conoscere opere artistiche e letterarie di pubblico dominio.
Legal Music For Videos
Elenco di siti su cui trovare musica con licenza Creative Commons. In altre sezioni è possibile trovare anche risorse diverse con lo stesso tipo di licenza.