Upgrade to Pro — share decks privately, control downloads, hide ads and more …

They did what with Javascript?!? – decode hamburg

They did what with Javascript?!? – decode hamburg

A talk about some recent examples for emerging web-technologies (WebGL, WebRTC, Audio-APIs etc.) I gave at the decode meetup in Hamburg on Oct. 30, 2012.

E506e5bd38075f5fe7f9e53a597c1f3a?s=128

Martin Schuhfuss

October 30, 2012
Tweet

Transcript

  1. THEY DID WHAT WITH JAVASCRIPT? Part I – decode.hh –

    30.10.2012 Martin Schuhfuss – @usefulthink
  2. AUDIO / VIDEO / WebRTC Accessing Audio- & Video-Data from

    connected Devices via JS
  3. dancer.js http://jsantell.github.com/dancer.js

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

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

  6. http://webcamtoy.com

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

  8. CSS3 Boring was yesterday.

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

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

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

  12. WebGL Open GL Rendering in the Browser. (mostly by @alteredq

    and @mrdoob)
  13. http://www.aaronkoblin.com/Aaronetrope/ Mr. Doob / Aaron Koblin http://www.thesheepmarket.com/

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

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

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

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

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

  19. HARDWARE YEP, HARDWARE AND JAVASCRIPT

  20. THE NODE COPTER.JS

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

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

    / three.js
  23. controls (Gamepad-API) commands (UDP) video/navdata (UDP) video/navdata (HTTP/Websockets) controls (Websockets)

  24. DEMO

  25. 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)
  26. If designers didn‘t create things developers can‘t build we wouldn't

    be living in the future. THANKS! Martin Schuhfuß @usefulthink