• Like
  • Save
JSDC2013_Your Phone is the Controller with Multiplayer
Upcoming SlideShare
Loading in...5
×
 

JSDC2013_Your Phone is the Controller with Multiplayer

on

  • 802 views

手機螢幕不一定要用來'看',也是絕佳的Gamepad。發揮第二螢幕的魔力!連結電腦螢幕或TV,創造另一種互動體驗;一個人的娛樂只不過用來打發時間,怎...

手機螢幕不一定要用來'看',也是絕佳的Gamepad。發揮第二螢幕的魔力!連結電腦螢幕或TV,創造另一種互動體驗;一個人的娛樂只不過用來打發時間,怎都比不上一團人的群樂。本議程將與大家共同探討運用 HTML5 與 Canvas 還有 WebSocket 打造多人 Sync 的連線遊戲體驗。

Statistics

Views

Total Views
802
Views on SlideShare
802
Embed Views
0

Actions

Likes
1
Downloads
14
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    JSDC2013_Your Phone is the Controller with Multiplayer JSDC2013_Your Phone is the Controller with Multiplayer Presentation Transcript

    • { Your  Phone  is  the  Controller    with  Multiplayer  JSDC  2013 吳宗德  (Aidan  Wu)
    • Long,  Long  Time  Ago
    • Connected  TV
    • 192.168.0.168
    • +  192.168.0.168
    • +  192.168.0.168+  ADDRESS
    • +  192.168.0.168+  ADDRESS
    • +  192.168.0.168+  ADDRESS
    • +  192.168.0.168+  ADDRESS
    • WebSocket  »
    • Your  Phone  is  the  Controller  mobile-­‐‑input-­‐‑multitouchmobile-­‐‑input-­‐‑multitouchmobile-­‐‑input-­‐‑multitouchWebSocket  GatewayHTML5  CanvasSimple  Host  Server
    • 1.  LOGIC  /  RULE 2.  GRAPHICS 3.  INPUT 4.  SOUND 5.  MUSIC 6.  CONNECT  (MULTIPLAYER) 7.  ASSETS  Anatomy  of  a    Game-­‐‑based  APP  
    • 1.  Install?   Write  once  play  anywhere 2.  Graphics?  Canvas  &  WebGL 3.  Sounds?  HTML5  audio 4.  Communication?  Multiplayer  game  server   5.  Data?  Web  storage    /  Offline 6.  Controls?  Keyboard  and  touch   Why  is  HTML5  gaming  so  cool?  
    • Graphics CommunicationInput/Control
    • CANVAS-­‐‑based  UIThe  Xerox  8010  Star  Workstation  introduced  the  first  commercial  GUI
    • <CANVAS>  elementDrawing  paths,  boxes,  circles,  characters,  and  adding  images,  on  the  fly,  via  scripting
    • Tile  +  Sprite
    • LAYERS
    • GAME  LOOPPolling  vs  Event  driven
    • IInputLogicOFF-­‐‑SCREENDisplay
    • DRAWING  OFF-­‐‑SCREENbackbuffer
    • Gamepad  Generation
    • u   Hammer.js   u   Touchy.js u   QuoJS   Multi-­‐‑touch  Gestures  
    • MVCM - Moving toward (continuous)"V - Looking touchable"C – Touch(Gesture)-aware
    • Data  Communication
    • u  RFC  6454  -­‐‑  The  Web  Origin  Concept   u  Same-­‐‑Origin  Policy   u  Cross-­‐‑Document  Messaging   u  PostMessage  Architecture   u  XMLHbpRequest  Level  2   u  Comet u  WebSockets   Connectivity  and  Real-­‐‑Time
    • WebSockets  ?Long-­‐‑polling  /  COMETPolling  /  AJAX
    • Bandwidth  optimized  binary  encoding  for  JavaScriptBiSON.js
    • Building  a  Scalable  Game  Server  • Scalable • Extensible • Performance
    • New  Gaming  Experience  on  Big  and  Small  Screens  
    • Chrome  World  Wide  Maze  
    • Chrome  Super  Sync  Sports  
    • Q  &  ASome  issues  you  might  encounter