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.
Overview
Syllabus
- 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.
Taught by
The Coding Train
Related Courses
-
Vue and Socket.io for Real-Time Communication
-
WebSockets Beginners Tutorial with Socket.IO
-
Complete Intro to Real-Time
-
Socket.io Introduction - Building a Chat App
-
Real-Time Chat App with Users and Rooms - Node.js, Express, Socket.io
-
React Node.js Real Estate App Tutorial - MERN Stack with Real-time Chat
