iWand — 用 HTML 5 和 WebSocket 實現隔空抓藥

Sept 26, 2013. HappyDesigner Mini Meetup #4 (http://registrano.com/events/happydesigner-mini-4) at OHM

CC BY-NC 3.0

Transcript

1. Project iWand ༻ WebSocket ࿨ HTML 5 መݱִۭ፛᥂ Shao-Chung Chen HappyDesigner Mini Meetup #4 Image Courtesy of http://harrypotter.wikia.com/wiki/Patronus_Charm
2. Linkedin.com/in/dannvix
3. HTML5 Device APIs http://girliemac.github.io/presentation-slides/html5-mobile-approach/deviceAPIs.html
4. Image Courtesy of http://girliemac.github.io/presentation-slides/html5-mobile-approach/deviceAPIs.html?full#12 deviceorientation, devicemotion, compassneedscalibration
5. Image Courtesy of https://play.google.com/store/apps/details?id=com.carrotpop.www.smth, http://newsfeed.time.com/2013/08/09/send-me-to-heaven-app-throw-your-phone-in-the-air-to-score-points/
6. Image Courtesy of http://matthewoksasrealestate.com/newtons-law-of-real-estate/
7. Life Demo Realtime Sensor Graph
8. Ұ্࣍拋తաఔɼٻ t
9. Image Courtesy of ʬ൒୔௚थʭ, TBS ᙛવब၏ෆԼڈྃ㠷…
10. Image Courtesy of TVBS http://www.tvbs.com.tw/ “ၚ㜮ࢠፁ্᭝℄݄ʁɹ㗀ರٛɿִۭ፛᥂” “ʪᘐՈʫࣗ᜝ִۭ፛᥂࣏؞঱ɹTVBS௚㐝ʂ” “৽೚୆େߍ௕ɹ伾ִۭ፛᥂ऒᗠٞ”
11. X ࣠ — ࢦ๺਑ᏐᎦʢ૬ሣํҐʣ Y ࣠ — खػᢛॏྗՃ଎౓తᇄ֯ deviceOrientation.alpha deviceMotion.accelerationIncludingGravity.y
12. Signal Smoothing buf.pop(); buf.push(); ret = buf.avg()
13. Image Courtesy of http://mindblogs.smartandstrong.com/davide/assets_c/2010/05/little-heros-magic-wand-594.html
14. Life Demo Project iWand Image Courtesy of http://mindblogs.smartandstrong.com/davide/assets_c/2010/05/little-heros-magic-wand-594.html
15. java.awt.Robot Image Courtesy of TVBS http://blog.spoongraphics.co.uk/tutorials/create-a-cool-vector-robot-character-in-illustrator + $robot.mouseMove(@x, @y)
16. Image Courtesy of https://weheartit.com/entry/4580029 rake rawr:bundle:app
17. Image Courtesy of https://weheartit.com/entry/4580029 rake rawr:bundle:app ୠੋ Gem ཁࣗݾଧแਐڈ…
18. rqrcode_png rqrcode + java.awt.image + javax.swing.JFrame
19. http://youtu.be/AUBiQX507R0
20. Thank you.