【Three.js発展講座】シェーダー言語を駆使して複雑な3Dオブジェクトを自在に操りたい人のためのマスター講座
頭の中でイメージする物体をそのままウェブサイトに落とし込めるThree.jsシェーダー言語。GLSLと呼ばれる難関言語をマスターして他と一線を画したフロントエンドエンジニアを目指せる講座
Created by Shin Code
What you'll learn
- ThreeJsを用いてシェーダー言語をマスターできる
- ThreeJsとOpenGLとシェーダーの関係性を理解できる
- GLSL言語の書き方を正確に学習できる
- Webpack5を使ったモダンな開発環境でシェーダーを学べる
- より複雑な3Dオブジェクト描画ができる
- VertexShaderとは何か？が理解できる
- FragmentShaderとは何か？が理解できる
- 頂点シェーダーからフラグメントシェーダーとの関係性が学べる
- シェーダーに必須なストレージ修飾子について学べる
- シェーダーを応用した複雑な図形表現が学べる
- シェーダー図形をUIデバッグから操作する方法が学べる
- 3Dパーリンノイズの実装方法が学べる
- Vercelへのデプロイ方法が学べる
- Webpack5の概念が学べる
- シェーダー用ローダーの設定方法が学べる
Requirements
- ThreeJsの基礎を終えている方
- JavaScriptについてなんとなく知っている方。
- 基本的なJavascriptの知識(変数や型宣言など)
- 基本的なプログラミングの文法(if文やfor文など)
- 簡単なHTMLやCSSを書いたことがある方
- 他のプログラム言語を使ったことがある方
Description
周りのフロントエンドエンジニアと圧倒的に差をつける「知識に貪欲な人だけ」を対象にしています。
「webGLとかOpenGL周辺の知識に興味がある」
「Three.jsの基礎は理解したけど、さらに深みのある学習がしたい」
「シェーダーが難しくて過去に挫折した経験が・・・」
「2D表現のフロントエンド技術は飽きちゃった・・・」
「最新のモダンな3Dウェブサイトを構築してみたい」
お任せください。
本講座があなたの欲求に答えます。
生ぬるい根性論や精神論ではなく、あなたが求めるThree.jsシェーダー言語の技術だけを提供します。
■本コースでは教えないこと
・Three.jsの基本的な知識
・HTML/CSS/JavaScriptの基本的な文法とルール
・Blender等の他3Dソフトの扱いとインポート
Who this course is for:
- Threejsのシェーダーに興味のある方
- モダンな3Dウェブサイトに興味があるJavascript初心者
- 周りのフロントエンドエンジニアと差別化したい方
- 3D表現に少しでも興味がある好奇心旺盛な方
- ThreeJS公式ドキュメントが難しくて挫折経験のある方
- 英語の教材ではなく、日本語で学びたい方
- これからwebglを学んでいきたい方
- 3D表現に興味がある方
Instructor
Webエンジニア
- 4.5 Instructor Rating
- 8,173 Reviews
- 30,199 Students
- 31 Courses
皆さんはじめまして。Shinと申します。
休みの日はプログラミングばかり触っているちょっと変わった人です。便利なアプリや好奇心をくすぐられるようなアプリを作るのが趣味です。
動画レクチャーは分かりやすいように作成するように心がけています。
どうぞよろしくお願いします。