Open Web Art – Kawandeep Virdee • @whichlight



Open Web Art – Kawandeep Virdee • @whichlight

0 1


jsconf-open-web-art

talk at jsconf 2014 on interactive and collaborative art through the internet & built with open web tools

On Github whichlight / jsconf-open-web-art

Open Web Art

Kawandeep Virdee • @whichlight

making interactive and collaborative art

Daniel Rozin

design i/o

That beach ball.

Hours of entertainment.

how ???

Bring people together

Make a space more welcoming

Be creative

Be playful

Use the interactivity and collaboration of the web

Browser as a canvas

ART + JS

community

ubiquity

interest

prettydots.com

tell your friends who are far away

villareal
Building the Housing
Playing with the Grid

all horizons

This blog is called all-horizons and basically if you’re like me and often feel overstimulated visual stimuli, I recommend this blog. It’s all rippling gradients like this one in different hues (some of them are way too intense for me) and different gradient frequencies.

Basically it’s just really nice.

It uses:

p5

canvas

phantomjs

Selfie Obliteration

year of the glitch

"2013 was the year of the selfie. 2013 is over. Welcome another you."

via prostheticknowledge.tumblr.com

It uses:

canvas

webrtc getusermedia

webworkers

jortSort

HYPNO

It's still going :) @forresto
HYPNO BY Forest Oliphant and I at the Transmediale Festival in Berlin

It uses:

webrtc getusermedia

clmtrackr

canvas

Dessins Animate

with Elodie Sabardiel

kinect camera test
computer vision test
kinect selfie
from the show
Interactions with 'Dessins Animate' , new work in the Paper to Pixels show

It uses:

node-kinect

websocket streams

canvas

web audio toys

leap motion drone
leap motion drone 2

vertical swarm

Tiaga

patatap is amazing

sounds for spring

dancey dots

dancey dots

I just harmonized with somebody but I don't know who. Is that weird?

It's natural

and beautiful

demo!?

danceydots.com

It uses:

socket.io

web audio api

cellular

mobile synth test

Immediate feedback

11:54pm - added accelerometer support. if you're on a phone, press on the screen and shake your phone http://whichlight.github.io/mobile-synth-test/

12:03pm - Holy crap I just annoyed the entire room for 10 minutes of bliss.

Omg just hold it on and run around / away from people chasing you. LOL!

on laptops

Friends hacked on top of it, building a UI and making it collaborative

New collaborative web piece: interactive visuals + sound by moving your phone
Some clips of my newest piece on Friday. Go to cell-flight.com/mural.html on your laptop and cell-flight.com on your phone.

Let's try it out!

http://cell-flight.com

It uses:

web audio

device orientation/motion

p5

socket.io

three.js

sparks.js

Internet as a medium

Create a space for people to feel safe to be people.

@renrutnnej

new ways to know one another

new ways to be expressive and playful

new ways to find joy.

thanks

@whichlight

with

Forrest Oliphant, Elodie Sabardeil

New American Public Art - dan sternof beyer, bevan weissman, brandon stafford, greg macglashing

goodgood - ben gaydos, karen stein shanley, and matthew shanley

Free free to get in touch to riff on ideas and possibilities! I'd love to hear what you want to make, or ideas on new tools coming out that'd be fun to explore.

I want to learn from you on how to write more openly- on how to write code that is easier to share.