{"id":19870206,"url":"https://github.com/marqdevx/arduinowebsocket-p5js","last_synced_at":"2026-03-19T12:05:36.887Z","repository":{"id":54898895,"uuid":"271255289","full_name":"marqdevx/ArduinoWebSocket-p5js","owner":"marqdevx","description":"Interact with the serial monitor from an Arduino Board to change web content with p5.js","archived":false,"fork":false,"pushed_at":"2023-01-12T05:58:43.000Z","size":1600,"stargazers_count":1,"open_issues_count":5,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-01T00:54:03.040Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/marqdevx.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-10T11:10:43.000Z","updated_at":"2020-09-03T15:59:55.000Z","dependencies_parsed_at":"2023-02-09T10:16:29.120Z","dependency_job_id":null,"html_url":"https://github.com/marqdevx/ArduinoWebSocket-p5js","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/marqdevx/ArduinoWebSocket-p5js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marqdevx%2FArduinoWebSocket-p5js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marqdevx%2FArduinoWebSocket-p5js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marqdevx%2FArduinoWebSocket-p5js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marqdevx%2FArduinoWebSocket-p5js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/marqdevx","download_url":"https://codeload.github.com/marqdevx/ArduinoWebSocket-p5js/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marqdevx%2FArduinoWebSocket-p5js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268292160,"owners_count":24227084,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-01T02:00:08.611Z","response_time":67,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-12T16:08:19.217Z","updated_at":"2026-02-09T11:04:27.493Z","avatar_url":"https://github.com/marqdevx.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ArduinoWebSocket-p5js\r\nThis example we have a webpage that reads the serial monitor from the Arduino Board and move a ball in the canvas\r\n\r\n![Preview](imgs/Preview.gif)\r\n\r\n\r\n# Getting Started\r\n#### Needed:\r\n* Node.js - To host the HTML content\r\n* Arduino Create Plugin - To read the serial monitor with WebSockets\r\n* Arduino IDE / Arduino Create\r\n* Arduino Board\r\n\r\n#### Setting the things up\r\n##### NodeServer\r\n* Go to NodeServer's folder and install this with the console\r\n* `npm install express@4.15.2`\r\n* `npm install socket.io`\r\n\r\n##### Configure Arduino Create Plugin\r\n* 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.\r\n![Arduino plugin config](imgs/ArduinoPluginDirConfig.png)\r\n![](imgs/ConfigINI.png)\r\n* Restart the plugin\r\n##### Run the server\r\n* Just go to the directory where you have installed this and type in the CMD `node app.js` or by launching the `run.bat`\r\n##### Normal directory\r\n* Upload a sketch to output serial numbers to an Arduino Board\r\n* Go to http://localhost:3000 and see the output\r\n\r\n#### Troubleshooting\r\n* Open the Serial monitor from the IDE / Create to see if there are outputs\r\n* If you have the serial monitor openned close it and reload\r\n* You can open the serial monitor from Create, it doesn't matter\r\n* If you changed the config.ini, restart the plugin to make the changes\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarqdevx%2Farduinowebsocket-p5js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarqdevx%2Farduinowebsocket-p5js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarqdevx%2Farduinowebsocket-p5js/lists"}