Slide 1

Slide 1 text

Project iWand ༻ WebSocket ࿨ HTML 5 መݱִۭ፛᥂ Shao-Chung Chen HappyDesigner Mini Meetup #4 Image Courtesy of http://harrypotter.wikia.com/wiki/Patronus_Charm

Slide 2

Slide 2 text

Linkedin.com/in/dannvix

Slide 3

Slide 3 text

HTML5 Device APIs http://girliemac.github.io/presentation-slides/html5-mobile-approach/deviceAPIs.html

Slide 4

Slide 4 text

Image Courtesy of http://girliemac.github.io/presentation-slides/html5-mobile-approach/deviceAPIs.html?full#12 deviceorientation, devicemotion, compassneedscalibration

Slide 5

Slide 5 text

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/

Slide 6

Slide 6 text

Image Courtesy of http://matthewoksasrealestate.com/newtons-law-of-real-estate/

Slide 7

Slide 7 text

Life Demo Realtime Sensor Graph

Slide 8

Slide 8 text

Ұ্࣍拋తաఔɼٻ t

Slide 9

Slide 9 text

Image Courtesy of ʬ൒୔௚थʭ, TBS ᙛવब၏ෆԼڈྃ㠷…

Slide 10

Slide 10 text

Image Courtesy of TVBS http://www.tvbs.com.tw/ “ၚ㜮ࢠፁ্᭝℄݄ʁɹ㗀ರٛɿִۭ፛᥂” “ʪᘐՈʫࣗ᜝ִۭ፛᥂࣏؞঱ɹTVBS௚㐝ʂ” “৽೚୆େߍ௕ɹ伾ִۭ፛᥂ऒᗠٞ”

Slide 11

Slide 11 text

X ࣠ — ࢦ๺਑ᏐᎦʢ૬ሣํҐʣ Y ࣠ — खػᢛॏྗՃ଎౓తᇄ֯ deviceOrientation.alpha deviceMotion.accelerationIncludingGravity.y

Slide 12

Slide 12 text

Signal Smoothing buf.pop(); buf.push(); ret = buf.avg()

Slide 13

Slide 13 text

Image Courtesy of http://mindblogs.smartandstrong.com/davide/assets_c/2010/05/little-heros-magic-wand-594.html

Slide 14

Slide 14 text

Life Demo Project iWand Image Courtesy of http://mindblogs.smartandstrong.com/davide/assets_c/2010/05/little-heros-magic-wand-594.html

Slide 15

Slide 15 text

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)

Slide 16

Slide 16 text

Image Courtesy of https://weheartit.com/entry/4580029 rake rawr:bundle:app

Slide 17

Slide 17 text

Image Courtesy of https://weheartit.com/entry/4580029 rake rawr:bundle:app ୠੋ Gem ཁࣗݾଧแਐڈ…

Slide 18

Slide 18 text

rqrcode_png rqrcode + java.awt.image + javax.swing.JFrame

Slide 19

Slide 19 text

http://youtu.be/AUBiQX507R0

Slide 20

Slide 20 text

Thank you.