お知らせ 【技術コミュニティ運営者の皆さま】成長し続けるエンジニアを支援する「Forkwell」と「connpass」が連携し、connpass上でイベントを開催する技術コミュニティを2020年3月末まで支援いたします。詳しくはこちら by Forkwell

このエントリーをはてなブックマークに追加

11月

26

【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する

~タンクバトルゲーム /演出編~

Organizing : PlayCanvas運営事務局

Hashtag :#playcanvasnow
Registration info

参加枠1

Free

FCFS
13/9

Description

PlayCanvasで3Dブラウザゲームの演出を作ってみる

マテリアル、エフェクト、アニメーションに興味がある方必見!

こちらのチュートリアルをベースとしています。 "タンクバトルゲーム"

web上で3Dコンテンツを使用するためにはwebGLへの理解、THree.js等のライブラリの使い方を学ぶ学習コストがありました。

webGLベースのゲーム開発エンジンである"PlayCanvas"は、それらのコストの大半を解決してくれます。 専用のGUIエディター画面へ直接.fbx (Filmbox) や.obj(Wavefront OBJ)をドラッグ&ドロップすることで、web上で展開可能なオブジェクトに自動変換してくれます。 また、高品質なPhysical Shadingや、直感的に組み上げることができるParticle Systemなど、 ライトゲームから本格的な3Dコンテンツまで幅広く作成することが可能な基本的機能が搭載されています。

今回のハンズオンは、上記リンクの"タンクバトルゲーム"の演出編ということで、ある程度セットアップされたプロジェクトからタンクバトルの挙動をベースに、基本的な3Dモデル作成の手順/エフェクト/マテリアル/アニメーション等の演出設定に焦点を当てて一緒に手を動かしながら理解を深めていきます。

    ハンズオン内容
  • 3Dモデルとテクスチャー、アニメーションの基本
  • PlayCanvasの標準material [Physical]の各設定
  • Particle Systemの各設定
  • blenderからアニメーション付きfbxをエクスポートし、PlayCanvasにインポートする際の設定/手順
  • アニメーションのコントロール
  • ムービーテクスチャ(H2MD)の作り方と設定

    3D作成にはBlender2.8をベースに作成の手順を簡単にご紹介します。ハンズオンで使用する3Dモデル自体は、ハンズオン用Projectにあらかじめインポートしてありますので、実際の3Dモデル作成は行いませんが、ボーンアニメーション、UV空間、テクスチャーの概念をご説明するために使用します。

    イベントの最後では、PlayCanvasの最新機能や、事例、面白い組み合わせ方等も簡単に紹介する予定です!

    おまけ:時間が余ったら、コリジョン&リジットボディで凸凹に沿って戦車を自走させる!のLT

対象者・持ち物・費用

    対象者
  • ゲーム業界の方
  • web3D表現に興味のある方
  • ゲーム業界を志望する学生の方
  • クロスプラットフォームのゲーム開発に興味のある方
  • PlayCanvasやWebGL等、新しい技術・流行に興味のある方
    持ち物
  • PC・スマートフォン
  • ※PCのご用意はございません。参加される方はご自身のPCをお持ちください
    ※PCにはあらかじめ"Google Chrome"か"mozilla Firefox"のインストールをお願いいたします
  • 名刺
  • ※名刺をお持ちでない場合は、受付時にお名前など必要事項の記載をお願いいたします。
  • マウス
  • ※ビジュアルエディタを操作するのにあると便利です!
    費用
  • 参加費: 無料

会場

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

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

    • 受付場所にお越しになりましたら、PlayCanvasパーカーorシャツを着たスタッフへお声掛けください。
    • 受付は20:00までとさせていただきます。時間を過ぎるとご参加いただけませんのでご注意ください。

    タイムスケジュール

      時間 内容
      19:10 受付開始
      19:45 あいさつ・オリエンテーション
      19:50 ハンズオン開始
      - 21:30 ハンズオン終了

      Media View all Media

      If you add event media, up to 3 items will be shown here.

      Feed

      PlayCanvas運営事務局

      PlayCanvas運営事務局 published 【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する.

      10/28/2019 19:57

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する を公開しました!

      Group

      PlayCanvasMeetup

      Number of events 24

      Members 227

      Public

      2019/11/26(Tue)

      19:10
      21:40

      Please login to register

      開催日時が重複しているイベントに申し込んでいる場合、このイベントには申し込むことができません

      Registration Period
      2019/10/28(Mon) 19:57 〜
      2019/11/26(Tue) 21:40

      Location

      セルリアンタワー11F

      東京都渋谷区桜丘町26-1 セルリアンタワー11F

      Attendees(9)

      meguro

      meguro

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する に参加を申し込みました!

      shinnosune

      shinnosune

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する に参加を申し込みました!

      chimeiwang

      chimeiwang

      I joined 【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する!

      もりけん

      もりけん

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加するに参加を申し込みました!

      akihir_s

      akihir_s

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加するに参加を申し込みました!

      Masato Shimazaki

      Masato Shimazaki

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する に参加を申し込みました!

      u-ki

      u-ki

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する に参加を申し込みました!

      yumeki-ogasawara

      yumeki-ogasawara

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する に参加を申し込みました!

      Attendees (9)

      Waitlist (4)

      DaisukeOgushi

      DaisukeOgushi

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する に参加を申し込みました!

      わたなべ

      わたなべ

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加するに参加を申し込みました!

      kazuki_iwata

      kazuki_iwata

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加するに参加を申し込みました!

      tartan

      tartan

      【ハンズオン】PlayCanvasで作った3Dブラウザゲームにリッチな演出を追加する に参加を申し込みました!

      Waitlist (4)