CSSによる変形と、p5.jsでコンテンツ生成までの途中経過。

1. 久しぶりに
Webエンジニアのための
プロジェクションマッピング
社内勉強会@スタジオアルカナ
スタジオアルカナ
遠藤勝也
2016/08/04

2. お久しぶりです

3. 6月のスライド
機能（予定）
• 操作用ウィンドウ，投影用ウィンドウを生成
• p5.jsなどで投影コンテンツを生成
• 投影用ウィンドウは最大化する
• マウスで投影した面を変形
15

4. 前回の発表後に教えていただいたサービス

5. 機能（予定）
• 操作用ウィンドウ，投影用ウィンドウを生成
• p5.jsなどで投影コンテンツを生成
• 投影用ウィンドウは最大化する
• マウスで投影した面を変形
15
特徴

6. デモをどうぞ

8. p5.jsを使ったコンテンツ生成

9. 進捗
機能（予定）
• 操作用ウィンドウ，投影用ウィンドウを生成
• p5.jsなどで投影コンテンツを生成
• 投影用ウィンドウは最大化する
• マウスで投影した面を変形
15

10. やり残していること
• UIをちゃんと作りたい
• 複数の面を作りたい
• ブラウザ上にエディタを用意して、
動的に実行したい

11. ご清聴ありがとうございました