本稿は、「仮想物理実験室構築のためのOpenGL, WebGL, GLSL入門」のコンテンツです。 詳細はこちらをご覧ください。
コンピュータ・グラフィックの世界において、ポリゴンをリアルに見せるための手法として「シェーディング（陰影法）」は非常に有用です。 簡単に言うと、光が当たっているところは明るく、反対に光が当たっていないところを暗く、 また実際に描画される色はポリゴン表面を表す「材質」と光源の光の成分である「光質」によって決定されるということです。
OpenGL では、材質として「発光色」「環境色」「拡散色」「鏡面色」「鏡面指数」、光源として「光源ベクトル」「環境色」「拡散色」「鏡面色」を指定します。 これらのパラメータをみてもどのような色となるかは想像できない素人の自分向けに、OpenGL の ウェブブラウザ版である WebbGL を用いてパラメータによる色の違いをインタラクティブに調べることのできる「シェーディングビューア」を作りました。参考になれば幸いです。
▲このページのトップ ｜ NPO法人 natural science トップ
格子状オブジェクトの作りかた（three.js） 2017.03.26 【遠藤 理平｜TIPS 集｜WebGL】
透明度グラデーションの与え方（three.js） 2017.03.25 【遠藤 理平｜TIPS 集｜WebGL】
３次元グラフィックスのローカル座標系における回転（three.js） 2017.02.19 【遠藤 理平｜TIPS 集｜WebGL】
３次元グラフィックスの姿勢指定方法（three.js） 2017.02.19 【遠藤 理平｜TIPS 集｜WebGL】
three.jsでカメラ位置に無関係に表示する方法 2017.02.15 【遠藤 理平｜WebGL】
three.jsで文字列を利用する方法 2016.12.05 【遠藤 理平｜TIPS 集｜WebGL】
ばね形状オブジェクトの生成（three.js） 2016.09.22 【遠藤 理平｜OpenGL入門｜TIPS 集｜WebGL】
[.CommandBufferContext] RENDER WARNING: there is no texture bound to the unit 0 2016.05.09 【遠藤 理平｜WebGL｜仮想物理実験室】
three.js勉強日誌 【No4】周辺技術1 2014.09.26 【高橋 佑生｜WebGL】
【第８話】有限の高さの障壁へ照射アニメーション【Pythonコピペで量子力学完全攻略マニュアル】 2021.09.29 【遠藤 理平｜仮想物理実験室】
【第６話】無限に高い障壁へ照射アニメーション【Pythonコピペで量子力学完全攻略マニュアル】 2021.09.23 【遠藤 理平｜仮想物理実験室】
【第５話】電子パルスの運動アニメーション【Pythonコピペで量子力学完全攻略マニュアル】 2021.09.21 【遠藤 理平｜仮想物理実験室】
【第４話】電子パルスの作り方【Pythonコピペで量子力学完全攻略マニュアル】 2021.09.20 【遠藤 理平｜仮想物理実験室】
【第３話】自由粒子の運動アニメーション【Pythonコピペで量子力学完全攻略マニュアル】 2021.09.19 【遠藤 理平｜仮想物理実験室】
【第２話】自由粒子のスナップショット【Pythonコピペで量子力学完全攻略マニュアル】 2021.09.18 【遠藤 理平｜仮想物理実験室】
【第１話】プログラムの動作確認【Pythonコピペで量子力学完全攻略マニュアル】 2021.09.17 【遠藤 理平｜仮想物理実験室】
