An open API service indexing awesome lists of open source software.

https://github.com/samyakbambole/p5.js-blackboard

A Blackboard in p5.js with a lot more flexibility.
https://github.com/samyakbambole/p5.js-blackboard

blackboard p5 p5js

Last synced: 6 months ago
JSON representation

A Blackboard in p5.js with a lot more flexibility.

Awesome Lists containing this project

README

          

## p5.js blackboard

## Features -
#### Customization :-
* You can switch between colors by using the colorPicker
* You can also change the size of the Chalk by usingthe Slider
* If you want more Customization, you can create anew branch and you can even code your own shortcuts,you can even create a new slider for something else..
* This project is completely open source.

#### Usage Instructions :-
* Use the slider to adjust the size of the brush.
* Use the colour Picker to choose your very own unique color.
* When you want to clear the screen, hit 'C' on your keyboard or click the 'Clear' Button.
* If you want to contribute to the project, hit the 'Improve the app button'.

## How to use :-
### Open in your Browser from one of these deployments :-

#### Deployment 1 - [Vercel](https://blackboard.vercel.app/)
#### Deployment 2 - [GitHub](https://samyakbambole.github.io/p5.js-Blackboard/public/index.html)

### OR

### Download The source code files and run the server on your computer.

#### [Download The Blackboard Source Code Files and choose the latest version](https://github.com/samyakbambole/p5.js-Blackboard/releases)

#### Requirements -
* node.js (for running server)
* Terminal / Command Prompt / Git bash

#### How to run the Blackboard -
* Open Terminal / Command Prompt / Git bash
* 'cd' to the directory where the server.js file is stored.
* Then type 'node server.js'
* In your Browser, go to [localhost:3030 or click this text](http://localhost:3030).

#### Or if you dont want to run the server, follow these steps -
* Go to the 'public' folder in your File Explorer or Finder
* And then open the 'index.html' file in your broser.

## That's it! this is how you setup blackboard on your local computer!

#### Made by Samyak Bambole
#### Liscence - MIT