Creating Real-Time Shared Canvas with WebSockets

Dive into a comprehensive live stream tutorial on creating a real-time collaborative drawing canvas using p5.js and WebSockets. Learn client-server programming techniques as you explore Node.js, Express.js, Socket.io, and p5.js. Begin with a Starfield Coding Challenge in Processing, then progress through the main project, covering Node.js installation and usage, implementing Express.js for file hosting, and utilizing Socket.io for server connections. Discover how to connect multiple clients to the server, enabling a shared drawing experience. Gain valuable insights into web development, real-time communication, and interactive graphics programming throughout this two-hour session.

- Starfield Coding Challenge in Processing.
- Presentation of today's project.
- How to install and use Node.js.
- Add web framework Express.js to host files.
- Install Socket.io to establish socket connections with server.
- Connecting clients to server to share drawing canvas.
- Conclusion.