NotEqual 実践編へようこそ
みなさん、お疲れ様です。
基礎編、応用編はいかがだったでしょうか？ おそらく初見ではかなり難しい内容だったと思います。 ただ、基礎編、応用編の内容をマスターすれば WebGL を使ったサイト制作の基礎については一通りマスターしたことになります。 何度も繰り返しみて、是非頑張ってみてください。また、質問があれば動画下の質問欄からお気軽にお問合せください。
実践編の目的
実践編はその名の通り、座学ではなく実践して成果物を作っていただくことがゴールとなっています。
ただ、0 からオリジナルのサイトなどを作るのは難しいと思いますので、実践編では次のコンテンツをご用意しております。有効的にご活用ください。
NotEqual 会員限定コミュニティ
実践編ではコミュニティをご用意しています。
NotEqual 会員限定コミュニティでできること。
-
実践編に関する質問が可能 実践編に関する質問はコミュニティ内で行うことができます。
-
受講者同士の交流 仲間と情報交換したり、交流することができます。
-
イベントの開催・運営からのお知らせ イベントの開催のお知らせや運営からのお知らせをコミュニティで共有します。
コミュニティへは下記のリンクよりご参加ください。
会員限定のライブラリ（negl）
WebGL のサイトを 1 から作成するのは労力がかかり、コードの再利用性も悪くなる傾向があります。
そこで、今回 NotEqual 会員限定の独自のライブラリ negl を作成しました。
negl は NotEqual 会員限定の WebGL サイトを簡単に作成するライブラリです。
基本的には応用編で紹介したコードを内部では使用していますが、ライブラリとして使いやすいように改良を加えています。
negl を使って是非オリジナルのサイトを作ってみてください。
negl の使い方はこちら
商用利用可能なエフェクトギャラリー
自分で 0 からエフェクトを作成するのはなかなか難しい方も多いのではないでしょうか。 そこで、実践編ではエフェクトのアイデアや実装のサンプルを一覧で確認できるようにしています。
0 から作成するのは難しくても元になるコードがある場合は少し変更すればオリジナルのエフェクトをすぐに作成することができます。
サンプルサイトの追加
サイト制作となると、なかなかアイデアが浮かばなかったり、どのように書けば良いのかがわからなかったりすることもあるかと思います。 そこで、今回実践編ではアイデアのもとになる参考サイトを 2 つ追加しています。 是非参考にしてみてください。
Travel サイト
ジブリサイト
実践編のサイトマップ
実践編では以下のコンテンツをご用意しています。
-
チュートリアル NotEqual 会員限定のライブラリ negl の簡単な使い方についての紹介です。
-
API negl ライブラリの API ドキュメントです。
-
エフェクト サイトにすぐ組み込むことのできる WebGL のエフェクトを紹介しています。 エフェクトの実装の参考にしたり、サイトに組み込んでそのまま利用でも OK です。 商用利用も可能です。
-
サンプルサイト NotEqual 独自の WebGL サンプルサイトを 2 つ紹介しています。サンプルサイトのコードはダウンロードいただけますので、実装の参考にしたり、ご自身のプロジェクトでご利用いただけます。 また、サンプルサイト内のコードは商用利用も可能です。
-
その他 ダウンロードリンクなど。
実践編の概要の紹介は以上となります。コード内にはコメントなども追加しておりますので、実際に動かしながらどのように記述するのか理解してみてください。