Alexa Web API for Games

GA
リッチな体験
- Webオーディオ
- リアルタイムなタッチ/Fire TVのリモコンによるインタラクション
- なれたデバッグツール
- グラフィックのさらなるコントロール
  - WebGL/Canvas2D/HTML DOM+CSS/Video
  - MVVM frameworkも使える
Gameロジックをどこに置くか
- バックエンド
  - スキル側
  - 管理がしやすい
- フロントエンド
  - デバイス側で動かす
  - JavaScript
  - レイテンシーが低い
  - 声の部分だけがクラウドからになる
- 上記のハイブリッド
APLとの違い
- APLノコアはC++ベース
- APLのほうがローディング時間が短い
- すべてのAPL対応デバイスで動作
  - Web API for GamesはEcho Show/Fire TVだけ
開発
- ADCでインタフェースを有効化
- スキルカテゴリでゲームを選択
- supportedInterfaceをチェックすること
- Alexa.Presentation.HTML.Start directiveを使う
  - リクエスト先URLを指定
- HTML側
  - SDK（alexa-html.js）を読み込む
  - Alexa.create
  - clientオブジェクトは3つのプロパティを持つ
    - skill
    - speech
    - voice
- touch/voice event
  - skill.sendMessageでクライアントからメッセージを送る
  - メッセージをスキルで受ける
  - HandleMessageディレクティブでレスポンスを返す
  - デバイス側でonMessageで受ける
- Game Box
  - view.js
- Voice Events
  - マイクがオープン・クローズされた
- Speech Events
  - 発話の開始と終了
  - 発話が始まったらタイマー止めるとか画面を少し暗くするとか
- マイクをオープンさせる
  - JavaScriptから実行可能
  - オープンした/クローズした/エラーが起きた、をcallbackで取れる
  - マイクへのアクセスを完全にできるわけではない（プライバシーの観点）
    - 音声のインタラクションを開始できるだけ
- APL Transformers
  - SSMLからmp3ファイルを作成する（transformers）
  - このmp3ファイルをオーディオとスピーチに分解する？
- PAC-MAN
  - デバイスごとの画面サイズやメモリなどの違いに対応する必要がある
  - ラグやオーディオの同期なども考慮
  - Animation/オーディー/VFXなどtraditionalなツールと組み合わせることができる
how to start
- mac/PC・
- ehco show 5/8 or Fire TV
  - Web APIはブラウザでは動かない、デバイスのみ
  - ログ表示ができない（自分でオーバーレイでやる必要がある or クラウドに送る）
  - Fire TVだとChromeでデバッグができる
  - FireTV Cubeが最も余裕がある？
- コード
  - スキルは同じ
  - Web AppをHTTPSで
    - 静的サイトでもOK
    - S3＋CloudFront
    - フレームワークは自由
    - Web最適化ルールはもちろん使える