Giter VIP home page Giter VIP logo

p5js-cheat-sheet's Introduction

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.

p5js-cheat-sheet's People

Contributors

bmoren avatar drafffffff avatar fturcheti avatar gruselhaus avatar hilmizul avatar icq4ever avatar limzykenneth avatar livinbits avatar sorarize avatar trikaphundo avatar uellenberg avatar vincentsijben avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

p5js-cheat-sheet's Issues

Catalan translation

I plan on making the Catalan translation. Will follow the instructions held in the Readme file.

Should !== be used instead of !=

Currently === is used in the cheat sheet, but != is used along with it. It would seem better if === and !== were used (preferable) or == and !=.

Fix ; and x1 y1

Shall I fork and fix these or aren't you done merging/setting the base structure yet?

Dutch PDF

Should we just print the web files to PDF, and add them to the root of the repo?

Printer icon does not print when clicked

Based off the assumption that the user is to click the printer icon to print the cheatsheet, nothing happens when it is clicked.

Browsers tried: Firefox, Chrome & Safari
Language: English

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.