PlayCanvasでWebGLなWebページとコンテンツを作るハンズオン

WebGL/HTML5ゲームエンジンであるPlayCanvasを使ったwebサイトを制作します。

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

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

2020年末にはFlashが終わる！

Flashが終わってリッチなコンテンツを簡単に作れなくなりましたが、
WebGLを用いればリッチなコンテンツも作れます。
このPlayCanvasはWebGLのコンテンツも容易に作ることができますのでお試しください。

今回のハンズオンは2本！ - 3D空間を使ったWebページ - 3DなBackgroundのコンテンツ

以下のURLからハンズオンで作れるサンプルが確認できます。

• 3DSpaceWebPage https://playcanv.as/p/3eSNJgM3/

• MouseOver https://playcanv.as/p/CZSzLXdJ/

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

ストリーミング配信！！

YouTubeで、PlayCanvas運営事務局YouTubeチャンネルにて配信いたします。
PlayCanvas運営事務局 YouTubeチャンネル
※事前にチャンネル登録をし、当チャンネルのベルマークから通知をオンにしていただくと配信時の通知がスムーズです。

ライブ配信ですのでリアルタイムでのご質問等もチャットにて可能です。
遠方の方やご自宅・オフィスからの参加などなどご参加お待ちしております！

参加対象と参加準備

対象者

• JavaScriptを触ったことがある程度
• PlayCanvasに興味のある人(PlayCanvas Editorの基本操作ができれば尚良い)
• 一つ上のWeb表現を追求したい人
• 学生・教育機関関係も大歓迎

----- ↓以下ができる人も大歓迎です↓ -----

• webサイトを作ったことがある人
• マークアップやコーディング、フロントエンドの経験がある人
• 3DコンテンツをWebで使いたい方
• PlayCanvasってなんだ？という人

事前準備

• PC ※PCにはあらかじめ"Google Chrome"か"mozilla Firefox"のインストールをお願いします 。 配信を見ながらハンズオンを行う場合にはデュアルモニターが望ましいです。

費用

• 参加費: 無料

タイムスケジュール