• Stars
    star
    143
  • Rank 257,007 (Top 6 %)
  • Language
    JavaScript
  • Created almost 6 years ago
  • Updated 8 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

a p5js cheat sheet for beginners!

a p5js cheat sheet for beginners!

This is a web based cheat sheet to help folks get started with p5.js! The cheat sheet is fully formatted for printing on a single sheet of paper for easy reference, classroom, and workshop usage. There are several translations available:

There are also pre-compiled PDF's available within this repository for each translation for folks who would like to get off-line ASAP, or who would like an immediate copy of a cheat sheet.

Making a new translation!

I'm looking for help translating this cheat sheet into as many languages as possible! If you can assist, please reach out via in the issues tab or via the p5.js forum post!

If you're not comfortable with HTML & Git:

No worries! – Please respond to (or open) the associated language issue with the translations for each cheatsheet section and a contributor will implement and confirm them with you before pushing them live!

If you are comfortable with HTML & making git pull requests:

  • clone the repository
  • navigate to the docs folder
  • copy index.html & rename to langcode.html (where langcode is the ISO 639-1 code for the language you are translating.
  • make all translation changes inside of the <code class="language-javaScript"></code> tags
  • make all translation changes to the terms JSON object at the bottom of the HTML page.
  • add your name as the translator + a link to yourself in the <footer> section
  • make a pull request against the repository!

bonus tasks (if you have time or are able)

update the readme:

  • add a link to the new translation in the readme.md
  • add your name as the translator + link to the readme.md

update the menu:

  • in the docs folder, find the menu.js file and add a link to the translation page

add a pdf:

  • export a pdf and add to the root (print to PDF in ^chrome), please name it p5cheatsheet-â–µLC.pdf
  • verify that it will all fit on one page, if there is overflow, some minor custom CSS may need to be implemented.

^it's critical that it's in chrome, for best rendering and color accuracy.

â–µ the LC here refers to Language Code, please use the appropriate ISO 639-1 code for the language you are translating


Creative Commons BY NC SA 4.0

With thanks to past cheat sheets like Ryo Sakai's p5.js sheet !

Special thanks to Kenneth Lim for initializing the HTML version which will make this cheat sheet much easier to translate.

More Repositories

1

p5.collide2D

A collision detection library for 2D geometry in p5.js
JavaScript
582
star
2

p5.geolocation

a geolocation and geofencing library for p5.js
JavaScript
90
star
3

node-omxplayer-sync

synchronized looping video for raspberry pi & omxplayer!
JavaScript
55
star
4

two-tone

2X passive LPG&LPF with DIY vactrols
35
star
5

p5.localmessage

p5.localmessage provides an interface to send messages locally from one sketch to another with a service worker for multi-window sketching!
JavaScript
31
star
6

drawing-garden

the code for drawing.garden
JavaScript
24
star
7

p5js-snippets

p5js snippets for atom.io
JavaScript
23
star
8

attenuated-nearness

a 6hp variation of the nearness eurorack module which adds an attenuator to each input!
15
star
9

Stereo-Output-2hp

passive stereo output in 2hp (a companion for nearness)
14
star
10

p5.pathRecorder

record, save, and recall animation paths for your p5.js sketches!
JavaScript
11
star
11

p5.vr

VR stereo canvas and orbit controls for p5.js
JavaScript
10
star
12

p5js-toolbar

p5js toolbar for atom.io with a run button to launch a local server and quick links to common resources
JavaScript
9
star
13

Grav-Cookbook

A twig cookbook for GRAV with common use snippets for template generation
6
star
14

HTML5-Non-Linear-Player

A random/non-linear browser based video player built in HTML5
HTML
5
star
15

saturn-return

Modular level > stereo line out & stereo aux send mixer (a friend of norns)
5
star
16

nearness-black-gold-panel

a PCB panel for the nearness eurorack module by @sarnesjo, designed by @laborcamp and @bmoren
4
star
17

hft-bikez

A HappyFunTimes line drawing game
JavaScript
3
star
18

0hp-modular-lineout

a 0hp widget for eurorack modular to line level conversion (voltage divider)
3
star
19

brutalist-web-animation-workshop

a workshop on brutalist web animations using animate.css & friends
HTML
3
star
20

Audio_Processing

A set of MAX/MSP modules to manipulate incoming sound files for use in introductory Media Arts Classes
2
star
21

realtimewebapp

A real time web app foundation for MCAD Advanced Web + Screen classes
JavaScript
2
star
22

8-channel-web-player

8 channel spatial sound from the web!
1
star
23

jQuery-Generative-Engines

Generative Engines for jQuery Projects
JavaScript
1
star
24

scrollyclasser

a very lightweight class / css animation & transition based scrollytelling library
JavaScript
1
star
25

Non-Linear_Player

A MAX/MSP based Application to display videos in a non-linear fashion.
1
star
26

INT-EXP

a hardware device to bridge the screen & physical space for interactive experimentation!
C
1
star
27

dead-drop.io

gives the image you specified to the next user
JavaScript
1
star
28

6x-potentiometer-prototype

PCB for prototyping with potentiometers
1
star