https://github.com/thunbergolle/p5js-savedrawings-tutorial

A tutorial for saving & creating drawings using p5js.
https://github.com/thunbergolle/p5js-savedrawings-tutorial

draw drawing drawing-app drawing-application drawing-library exercise p5 p5-js p5-sketches p5js save-drawing save-editor save-files tutorial tutorial-code

Last synced: 9 months ago
JSON representation

A tutorial for saving & creating drawings using p5js.

• Host: GitHub
• URL: https://github.com/thunbergolle/p5js-savedrawings-tutorial
• Owner: ThunbergOlle
• Created: 2018-12-31T15:11:22.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-12-31T15:16:38.000Z (over 7 years ago)
• Last Synced: 2025-08-20T18:52:30.325Z (10 months ago)
• Topics: draw, drawing, drawing-app, drawing-application, drawing-library, exercise, p5, p5-js, p5-sketches, p5js, save-drawing, save-editor, save-files, tutorial, tutorial-code
• Language: JavaScript
• Size: 7.81 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## p5js-savedrawings

This repository was created in order to teach people how you can save a drawing using p5js. :fireworks:

It's easy to follow and is really usefull. 

Draw an image and store it as an variable and then make it downloadable as a json. Pretty simple project which only takes about 10 minutes to complete!

---

![image](https://user-images.githubusercontent.com/7386785/50562636-be518a80-0d15-11e9-827a-b38182afed58.png)

---

#### Chapters

[Chapter 1 (Basics)](https://github.com/ThunbergOlle/p5js-savedrawings-tutorial/blob/master/chap.1/chap.1.md)

[Chapter 2 (Variables & Event Listeners)](https://github.com/ThunbergOlle/p5js-savedrawings-tutorial/blob/master/chap.2/chap.2.md)

[Chapter 3 (Drawing to the canvas)](https://github.com/ThunbergOlle/p5js-savedrawings-tutorial/blob/master/chap.3/chap.3.md)

[Chapter 4 (Handling the data)](https://github.com/ThunbergOlle/p5js-savedrawings-tutorial/blob/master/chap.4/chap.4.md)

Did every single one? You should take a look on how you can redraw them (Soon)!

#### Issues :warning:

If you see any spelling errors or weirdly typed sentences then please open an [issue](https://github.com/ThunbergOlle/p5js-savedrawings-tutorial/issues) or a [pull request](https://github.com/ThunbergOlle/p5js-savedrawings-tutorial/pulls) fixing it! :heart: