IT & Software

【Three.js発展講座】シェーダー言語を駆使して複雑な3Dオブジェクトを自在に操りたい人のためのマスター講座

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

【Three.js発展講座】シェーダー言語を駆使して複雑な3Dオブジェクトを自在に操りたい人のためのマスター講座. 周りのフロントエンドエンジニアと圧倒的に差をつける「知識に貪欲な人だけ」を対象にしています。

「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表現に興味がある方

Related Articles

Leave a Reply

Your email address will not be published.

Back to top button

AdBlocks

Turn off the ad blocker