Mais conteúdo relacionado
Semelhante a HTML5でサイネージは作れる!! (20)
Mais de Kazuya Hiruma (20)
HTML5でサイネージは作れる!!
- 5. 今回使った技術
• WebGL
• Video element
• Audio element
• Canvas element
• getUserMedia
(Camera)
• base64
encode/decoder
• XMLHttpRequest upload
• Fullscreen API
• CSS Mask
• CSS Animation
• pointer-events
- 19. • デザインスタートがローンチ 2 週間前からの、怒涛の追
い上げ!
• ローンチ数日前に体験をよりよくするために UI フルリ
ニューアル!
• ローンチ前日にやっとの思いでサーバに画像がアップで
きない問題を解決!
• ローンチ前日になんとか動画再生が止まる問題を解決!
• ローンチ 2 週間前に Inka3D が Maya2014 に対応!
(奇跡!)
- 24. • Inka3D で Maya の世界を完全再現!
• 世界観・演出を Maya で構築→ Inka3D
のラッパーでコンテンツと同期
工夫した点
- 25. • WebGL の context lost が多発
• 開発時、 WebGL のクラッシュが OS 巻
き込んで落ちる
• Three.js では実現できなかった
苦労した点
Notas do Editor
- 縦長なのは 42 インチの巨大タッチディスプレイを縦に使用
- 4 台設置。ここでコンテンツの説明。 動画によるクイズ( 3 問)と写真撮影。
- 実質 3 日程度に製作期間(モデリング)
- 画像出す