They did what with Javascript?!? – decode hamburg

Slide 1

Slide 1 text

THEY DID WHAT WITH JAVASCRIPT? Part I – decode.hh – 30.10.2012 Martin Schuhfuss – @usefulthink

Slide 2

Slide 2 text

AUDIO / VIDEO / WebRTC Accessing Audio- & Video-Data from connected Devices via JS

Slide 3

Slide 3 text

dancer.js http://jsantell.github.com/dancer.js

Slide 4

Slide 4 text

Anatomy of a Mashup http://daftpunk.themaninblue.com/

Slide 5

Slide 5 text

WebAudioDrumMaschine http://webaudiodemos.appspot.com/MIDIDrums/index.html

Slide 6

Slide 6 text

http://webcamtoy.com

Slide 7

Slide 7 text

soundstep – xylophone http://www.soundstep.com/blog/experiments/jsdetection/

Slide 8

Slide 8 text

CSS3 Boring was yesterday.

Slide 9

Slide 9 text

CSS3 Filter-Effects http://html5-demos.appspot.com/static/css/filters/index.html

Slide 10

Slide 10 text

http://mrdoob.com/lab/javascript/threejs/css3d/periodictable/ Mr. Doob – Periodic Table

Slide 11

Slide 11 text

http://soulwire.co.uk/experiments/makisu/ soulwire – Makisu

Slide 12

Slide 12 text

WebGL Open GL Rendering in the Browser. (mostly by @alteredq and @mrdoob)

Slide 13

Slide 13 text

http://www.aaronkoblin.com/Aaronetrope/ Mr. Doob / Aaron Koblin http://www.thesheepmarket.com/

Slide 14

Slide 14 text

http://alteredqualia.com/three/examples/webgl_materials_bumpmap_skin.html Alterequalia – Face-Rendering Demo

Slide 15

Slide 15 text

Alteredqualia –Reflection and Illumination Demo http://alteredqualia.com/three/examples/webgl_loader_ctm_materials.html

Slide 16

Slide 16 text

Jenga – PhysiJS http://chandlerprall.github.com/Physijs/examples/jenga.html

Slide 17

Slide 17 text

CUBE – Google-maps http://www.playmapscube.com

Slide 18

Slide 18 text

bullet.js EVE-ONLINE – Spaceship-Browser http://www.eveonline.com/universe/spaceships/

Slide 19

Slide 19 text

HARDWARE YEP, HARDWARE AND JAVASCRIPT

Slide 20

Slide 20 text

THE NODE COPTER.JS

Slide 21

Slide 21 text

HARDWARE Wifi Accesspoint 2 Cameras Altimeter Compass / Gyroscope Acceleration-Sensors

Slide 22

Slide 22 text

SOFTWARE HTML5 Gamepad-API websockets / socket.io node.js / node-ar-drone WebGL / three.js

Slide 23

Slide 23 text

controls (Gamepad-API) commands (UDP) video/navdata (UDP) video/navdata (HTTP/Websockets) controls (Websockets)

Slide 24

Slide 24 text

DEMO

Slide 25

Slide 25 text

If designers didn‘t create things developers can‘t build we wouldn't be living in the future. If designers didn‘t create things developers can‘t build we wouldn't be living in the future. (someone on twitter, source unknown)

Slide 26

Slide 26 text

If designers didn‘t create things developers can‘t build we wouldn't be living in the future. THANKS! Martin Schuhfuß @usefulthink