https://github.com/marqdevx/arduinowebsocket-p5js
Interact with the serial monitor from an Arduino Board to change web content with p5.js
https://github.com/marqdevx/arduinowebsocket-p5js
Last synced: 3 months ago
JSON representation
Interact with the serial monitor from an Arduino Board to change web content with p5.js
- Host: GitHub
- URL: https://github.com/marqdevx/arduinowebsocket-p5js
- Owner: marqdevx
- Created: 2020-06-10T11:10:43.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-12T05:58:43.000Z (over 2 years ago)
- Last Synced: 2025-01-11T16:24:54.495Z (4 months ago)
- Language: HTML
- Size: 1.53 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# ArduinoWebSocket-p5js
This example we have a webpage that reads the serial monitor from the Arduino Board and move a ball in the canvas
# Getting Started
#### Needed:
* Node.js - To host the HTML content
* Arduino Create Plugin - To read the serial monitor with WebSockets
* Arduino IDE / Arduino Create
* Arduino Board
#### Setting the things up
##### NodeServer
* Go to NodeServer's folder and install this with the console
* `npm install [email protected]`
* `npm install socket.io`
##### Configure Arduino Create Plugin
* Go to the Arduino Create Plugin install Directory and open "Config.ini" we will need to replace the value at `origins=` with "http://localhost:3000" without quotes, the port can be different, see the server console to check.
* Restart the plugin
##### Run the server
* Just go to the directory where you have installed this and type in the CMD `node app.js` or by launching the `run.bat`
##### Normal directory
* Upload a sketch to output serial numbers to an Arduino Board
* Go to http://localhost:3000 and see the output
#### Troubleshooting
* Open the Serial monitor from the IDE / Create to see if there are outputs
* If you have the serial monitor openned close it and reload
* You can open the serial monitor from Create, it doesn't matter
* If you changed the config.ini, restart the plugin to make the changes