Live communication with Javascript

Sunday,April 10, 2016

12:00–17:00

All

From $99.00

 

Introduction

Live communications through web based applications provides artists and designers a handy tool to creative live interactions, playful apps and collaborative performances. This workshop focuses on basics of p5.js for creative coding and socket.io for synchronous communications. 

Instructors 

Jingwen Zhu is a multidisciplinary designer, creative technologist and maker based in Brooklyn. Her recent work involves interactive web applications, connected devices, wearable technology and physical interactions. Website: jingwen-zhu.com

VENUE

the Metropolitan Exchange, 33 Flatbush Ave, 4th Floor, Brooklyn, New York, 11217 (Map)

Course Overview

This workshop will introduce the basics of p5.js and socket.io for creating a collaborative drawing canvas. It’s a good practice for artists and designers to create visual interactions with live web-based communication. 

P5.js is a javascript library that starts with the original goal of Processing, to make coding accessible to artists, designers, educators and beginners, and reinterprets for today's web.

Socket.IO is a module used for node.js. It enables realtime, bi-directional communication between web clients and servers, and this session will cover both client side and server side.

What should I bring?

A functioning and fully charged laptop with Sublime Text 2 installed.

Download and install Chrome

Download and install Node.js 

Arduino (optional)

SYLLABUS

12:00-13:00 --- Free intro hour

13:00-14:00 --- Intro to javascript basics, p5.js and  create your first p5 sketch

14:00-15:00 --- Intro to socket.io

15:00-16:00 --- Create a collaborative drawing canvas web app

16:00-17:00 --- Develop your own live interaction app for web/mobile/Arduino/…