Everyone respects the UX

Your humble subjects

Dissects of projects and rejects

History reflects

It's not too complex

Hands on objects

What is creative coding?

What is creative coding?

What is creative coding?

Hello!

I'm John Brown.

I'm JohnBrown.

I'm John Brown.

I'm Ben Purdy.

I'm Ben Purdy.

I'm Ben Purdy.

XOXO Glitch

XOXO Glitch

XOXO Glitch

XOXO Glitch

XOXO Glitch

XOXO Glitch

XOXO Glitch

XOXO Glitch

XOXO Glitch

XOXO Glitch

Lazy Sunday

Lazy Sunday

Let's corrupt some data

There's more than one way to glitch an avatar

@AvatarGlitch

@Avatarglitch

Everyone respects the UX

Your humble subjects

Dissects of projects and rejects

History reflects

It's not too complex

Hands on objects

Duet

Takeaway 1

Make it fun even when not interacting

TUIO Jam

TUIO Jam

TUIO Jam

TUIO Jam

TUIO Jam

TUIO Jam

Takeaway 2

Bring a buddy

Map dive

Takeaway 3

We’re still just waving our arms

Google I/O 2014 experiment

Google I/O 2014 experiment

Google I/O 2014 experiment

Google I/O 2014 experiment

Instrument Holiday Party 2013

Let's connect people who aren't connected.

Instrument Holiday Party 2013

We've (almost) all got one of these.

Instrument Holiday Party 2013

Let's make a game!

Holiday Find

Holiday Find

Holiday Find

Holiday Find

Holiday Find

Holiday Find

Holiday Find

Fun mix of interactivity and gamification, all in a safe environment.

Holiday Find

How'd it go?

Holiday Find

How'd it go?

Quite badly

Holiday Find Stats

Holiday Find Stats

Holiday Find Stats

Holiday Find Stats

Holiday Find Mistakes

Holiday Find Mistakes

That name...

Holiday Find Mistakes

That name...

Party was too crowded

Holiday Find Mistakes

That name...

Party was too crowded

People were drinking

Holiday Find Mistakes

That name...

Party was too crowded

People were drinking

Only push notifications

Holiday Find Mistakes

That name...

Party was too crowded

People were drinking

Only push notifications

We were secretive about it

Holiday Find Mistakes

That name...

Party was too crowded

People were drinking

Only push notifications

We were secretive about it

Tiny text

Holiday Find Mistakes

That name...

Party was too crowded

People were drinking

Only push notifications

We were secretive about it

Tiny text

Balloons were too small

Holiday Find Mistakes

That name...

Party was too crowded

People were drinking

Only push notifications

We were secretive about it

Tiny text

Balloons were too small

More that I probably blocked out

Takeaway 4

Understand the context

Everyone respects the UX

Your humble subjects

Dissects of projects and rejects

History reflects

It's not too complex

Hands on objects

IANNIS XENAKIS

Iannis Xenakis

IANNIS XENAKIS

IANNIS XENAKIS

frieder nake

Frieder Nake

Frieder Nake

Frieder Nake

Frieder Nake

Everyone respects the UX

Your humble subjects

Dissects of projects and rejects

History reflects

It's not too complex

Hands on objects

We're not wizards

Processing

Javascript

Javascript

Easy to share

Javascript

Easy to share

Available (almost) everywhere

Javascript

Easy to share

Available (almost) everywhere

Video, Audio, 3D, Virtual Freakin' Reality!

P5.js

function setup() {
  createCanvas(640, 480);
}

function draw() {
  if (mouseIsPressed) {
    fill(0);
  } else {
    fill(255);
  }
  ellipse(mouseX, mouseY, 80, 80);
}

Three.js

var camera, scene, renderer;

camera = new THREE.PerspectiveCamera(
    70, width/height, 1, 5000);
camera.position.z = 1500;

scene = new THREE.Scene();

renderer = new THREE.CSS3DRenderer();
renderer.setSize(width, height); 

Three.js

var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var cube = new THREE.Mesh( geometry, material );
scene.add( cube ); 

function render() {
    cube.rotation.x += 0.1;
    cube.rotation.y += 0.1;
    requestAnimationFrame( render );
    renderer.render( scene, camera );
}
render();

Input (not mouse/keyboard)

Input (not mouse/keyboard)

Input (not mouse/keyboard)

Input (not mouse/keyboard)

Input (not mouse/keyboard)

Microcontrollers

Microcontrollers

Microcontrollers

Microcontrollers

And more!

Here's some advice

Work with a buddy

Or Find a bunch of buddies

Or Find a bunch of buddies

Or Find a bunch of buddies

Or Find a bunch of buddies

Or Find a bunch of buddies

Don't start from a blank canvas

Everyone respects the UX

Your humble subjects

Dissects of projects and rejects

History reflects

It's not too complex

Hands on objects

Imagine for a moment.

Imagine for a moment.

Ravewave

Ravewave

Ravewave

Remember Plinko?

Remember Plinko?

PLIN.CO

plin.co

plin.co

plin.co

plin.co

plin.co

PLin.co

plin.co

plin.co

One second to last thing

Thanks for having us!