WebGLで3Dキャラクターのアニメーションを簡単に実装する

イベント内容

3DキャラクターをPlayCanvasのAnimation State Graphで操作する

PlayCanvasのAnim State Graphを使用してアニメーションをコントロールする方法

このハンズオンはJavaScriptのライブラリ「PlayCanvas」を使用したハンズオンです。

アニメーションコントロールに興味のある方必見!

このハンズオンはPlayCanvasの新機能の1つ[State Graph]を使用してアニメーションの制御方法を学んでいきます。
ノードベースのAnim State Graphの構成方法や、キーボード操作、オブジェクトのクローン、物理演算…なども使用し、
シーンを一緒に作成していきましょう。

作成するプロジェクトについて

↓↓↓当ハンズオンで作成する3Dシーンデモ↓↓↓
https://playcanv.as/p/kwlMZkfn/


PlayCanvasとは?

PlayCanvasはオープンソースのゲームエンジンで、
HTMLとWebGLを使ってブラウザゲームや3Dのコンテンツを作ることのできるJavaScriptのライブラリです。
豊富な機能を揃えた3Dエンジンとクラウドホスティングされた開発環境およびツールセットを備えています。

PlayCanvas | 日本公式サイト
https://playcanvas.jp/

対象者・事前準備・費用

対象者

  • ゲーム業界の方
  • ゲーム業界を志望する学生の方
  • クロスプラットフォームのゲーム開発に興味のある方
  • PlayCanvasやWebGL等、新しい技術・流行に興味のある方

事前準備

  • PC・スマートフォン
    ※PCにはあらかじめ"Google Chrome"か"mozilla Firefox"のインストールをお願いいたします
  • マウス
    ※ビジュアルエディタを操作するのにあると便利です!
  • アカウント
    ハンズオンにつきまして、あらかじめPlayCanvasへの登録を済ましておいてください。
    無料でアカウントを作成ができますので、以下のサイトから登録をお願いいたします。
    https://playcanvas.jp/

費用

  • 参加費: 無料

参加方法について

ハンズオンにつきましてはYouTubeのPlayCanvas運営事務局チャンネルでストリーミング配信を予定しております。
connpassの方で参加登録いただくと、当ページの「参加者への情報」に配信先URLを載せています。
また、当日は配信URLをメールにてリマインドさせていただきます。

PlayCanvas運営事務局 YouTubeチャンネル

タイムスケジュール

オンライン配信日: 2021年 12月 20日

時間 内容
17:00 配信開始
17:00 - 17:10 オープニング
17:10 - 18:30 ハンズオン

※タイムスケジュールは進行具合で時間が前後する可能性がありますことをご了承ください。

PlayCanvas運営事務局について

PlayCanvasは、ブラウザ向けに作られたWebGL/HTML5ゲームエンジンです。
PlayCanvas運営事務局は日本国内でのPlayCanvasの普及を目的に活動しています

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。