I’ve made a cheat sheet for beginners for my workshop at PCD @ Minneapolis tomorrow. I figured some folks here might like to see it / use it too! Download PDF here! [p5cheatsheet] [image] bmoren/p5js-cheat-sheet a p5js cheat sheet for beginners! Contribute to bmoren/p5js-cheat-sheet de…

nice, but could you squeeze in the for ( int i = start; i < stop; i++ ) {statements} and possibly on the grid system picture indicate the width height and for the if then also the if ( true ) { } else { }

Looks great! I might take a few of these to PCD@Denver tomorrow. Thanks for sharing.

I’m not going to squeeze in a for loop, this is intended for a day 1 beginners workshop, it’s not meant to be comprehensive. At some point I’d like to add an intermediate sheet that could be printed on the back side and that would absolutely include a for loop example. Feel free to modify, the indes…

actually it would be good if it would be a intro page for the https://p5js.org/reference/ or a online editor menu point under [help and feedback] like the shortcuts… or add it [image] processing/p5.js p5.js is a client-side JS platform that empowers artists, designers, students, and a…

There is now a Japanese translation of the cheat sheet thanks to Takawo Shunsuke! Get the PDF [image] I’m still looking for assistance in translations to Spanish Chinese Hindi Arabic Russian Portuguese (or really any other languages! – but the…

please take a look at that processing versions too [image] Documentación en español Español See https://forum.processing.org/two/discussion/27987/spanish-cheatsheet-for-processing See https://github.com/acdean/Processing-Cheat-Sheet just to get more ideas also a PD…

I could add a german version. Are the comments saved here? https://www.dropbox.com/s/w5dxxozxnsazjjn/p5cheatsheet-de.pdf?dl=0

This looks great, thanks for this work. I’ll get a preliminary sheet together and private message you for a review/confirmation that I got everything in the correct places. Thanks!

That is great! Not knowing of this PDF, I decide to make a (ultimately rather similar) blog entry page - http://kirkdev.blogspot.com/2019/08/p5-reference-good-parts-edition.html - just covering that subset of the (possibly overwhelming) p5.js official reference that I’ve found most useful over the …

A p5.js cheat sheet for beginners!

Teaching

bmoren March 3, 2019, 3:59pm 6

There is now a French Translation and I’m seeking more translations for the beginner sheet! Specifically looking for Spanish and Chinese, but all translations welcome!

Get the PDF

Topic		Replies	Views
Petition : Oracle, it’s time to free JavaScript p5.js	0	51	August 17, 2025
P5.js Web Editor - Hindi Translation Development	2	358	January 8, 2021
About the p5.js / Beginners category Beginners	0	951	May 12, 2018
Discussion and Review of Proposal - Addon Library Development - p5-teach.js Summer of Code	19	1976	April 10, 2022
Processing cheat sheet for generative art, animation, and art pictures Project Guidance	6	695	August 22, 2022

A p5.js cheat sheet for beginners!

Related topics