PlayCanvasで3D空間を使った簡単webサイトを作ってみる

WebGL/HTML5ゲームエンジンであるPlayCanvasを使ったwebサイトを制作します。
以下のサイトをTutorialで作っていきます。
https://playcanv.as/p/uQN2hNcm/

今まで3Dのコンテンツを使用するためにWebGLを使ってcanvasタグに出力し表示することが通常の動きでした。
しかし、そこまで学ぶにはWebGLへの理解、Three.jsなどのライブラリの使い方を学ぶコストがありました。
それをGUIのエディター画面から3Dコンテンツを作成でき、かつ、htmlなどを操作することで3Dのwebサイトを作成できる。

コードを書くのが苦手な人でも、3Dコンテンツを作成するコストが大幅にカットできてしまう、
そんなPlayCanvasを使った簡単なwebサイトを元web屋が作成しながら解説します。

※ここで作成するwebサイトは階層のあるサイトではなく、一枚のLP(ランディングページ)的なページになります。

ハンズオンにつきまして、あらかじめPlayCanvasへの登録を済ましておいてください。
無料でアカウントを作成ができますので、以下のサイトから登録をお願いいたします。
https://playcanvas.jp/

対象者・持ち物・費用

対象者

• JavaScriptを触ったことがある程度
• PlayCanvasに興味のある人(PlayCanvas Editorの基本操作ができれば尚良い)
• 一つ上のWeb表現を追求したい人
  ----- ↓以下ができる人も大歓迎です↓ -----
• webサイトを作ったことがある人
• webマークアップコーディングをやったことがある人（html, css, jQueryなど）
• web業界にいたことがある人

持ち物

• PC・スマートフォン
  ※PCのご用意はございません。参加される方はご自身のPCをお持ちください
  ※PCにはあらかじめ"Google Chrome"か"mozilla Firefox"のインストールをお願いいたします
• 名刺
  ※名刺をお持ちでない場合は、受付時にお名前など必要事項の記載をお願いいたします。

費用

• 参加費: 無料

会場

東京都渋谷区桜丘町26-1 セルリアンタワー11F
時間により受付時間が異なります

19:00~19:30 の受付は こちら

19:30~19:45 の受付は こちら

エントランスの受付場所にお越しになりましたら、受付をしているPlayCanvasのスタッフへお声掛けください。
受付は19:45までとさせていただきます。時間を過ぎるとご参加いただけませんのでご注意ください。

間に合わないなど遅刻する可能性がある場合には、
当イベントページのコメントにてご連絡いただくようお願いいたします。

タイムスケジュール