※はじめにお読みください

• 下記掲載の「ハンズオンに参加するために必要なもの」をお読み頂き事前学習や開発環境がご準備できる方が対象者となります。 必ず当日までに事前学習や開発環境のご準備をお願いいたします。
• 当日は～12:40までに渋谷ヒカリエ11階にご集合ください。(スタッフが17階までご案内いたします。)
• facebookグループにてイベントに関するご連絡を致しますので、グループへのご参加をお願いいたします。

■イベント概要

WebGLのライブラリであるThree.jsに触れ、実際にWebで3Dコンテンツを制作することはどういうことか、をハンズオンを通して学んでいただきます。

https://threejs.org/

Three.jsは現時点で多くの実績があり、かつ簡単にWebGLコンテンツ制作が可能なライブラリです。 WebGL自体の説明についてはハンズオン開始前に少しだけ説明します。

ハンズオンの目的は「作りきった！　3Dコンテンツ作れた！」と実感してもらうことです。

ハンズオン概要

WebGLとはなにか、Three.jsとはなにか、WebGLを使うとどんなことができるのかを簡単にご説明します。 最初の30分でWebGLとThree.jsについて解説したあとは、実際にThree.jsを使いながら3Dコンテンツ制作を通してWebGLを使うことを体験していただきます。

■当日のタイムスケジュール

■対象者

• WebGL初心者
• JSやその他の「プログラミング言語」はある程度できる人 （当日はJS周りの細かい話は時間の関係上行えません）

■ハンズオンに参加するために必要なもの(※必ずご確認ください！)

事前学習&読んでおくといい記事

• こちらのページより、r84のSource code (zip)を事前にダウンロードをお願いします。
• 初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞
• デザイナー・ノンプログラマにおすすめしたいThree.jsのカンタン3D体験

ノートPC (Macだとベター)

• お好きなエディタ
• Google Chrome

※ 事前学習につまずいたら、Google検索や、teratailで質問を投稿してみてください。

その他

• teratailへの事前登録をお願いします。
  ※イベント後のフォローをteratail上で行います。　

■主催

Web3D Japan

講師・メンター

• @mattari_panda
• @edo_m18
• @doxas
• @yomotsu

■サポート・会場提供

エンジニア特化型Q&Aサイトteratail
※WebGLに関するQ&A一覧はこちら *Three.jsに関するQ&A一覧はこちら

■会場への入場に関して

※~12:40までに渋谷ヒカリエ11階にお越しください。スタッフが17階までご案内いたします。
※もし13:00のイベント開始までに間に合わないようでしたら、
　「teratail開発チーム：木下」までfacebookにてメッセージをお送りください。
※勉強会の進行状況によってはfacebookでのメッセージの返答に少しお時間をいただく場合がございます。

■お知らせ

※講演内容やタイムスケジュールは変更となる可能性がございます。
※当日のイベント内容は後日任意の媒体にて公開させて頂くことがあります。
※イベントは、止むを得ず中止させて頂く場合がございます。
　その際は、本サイトからのメッセージよりご連絡させて頂きますのでご確認をお願い致します。