十六、テクスチャ。ラスタライズ。今回はサンプルページは無く、用語の説明です。
・PC画面上の画素は「ピクセル」ですが、WebGLのモデル上の画素の様な物は「フラグメント」と言われます。
・WebGLにおける「ラスタライズ」とは、「幾何学形状を、実際の画面上のピクセル単位に変換する」処理です。
・この仕組みを利用すると、WebGLの図形に画像(テクスチャ)を貼ることが出来るのだそうです。
・テクセルはテクスチャの要素のこと。テクスチャは、主に3Dモデルの平面に貼られる画像データのこと。テクセル1個分の大きさは、画像の解像度などによって異なります。
・WebGLでテクスチャを使う時の、テクスチャの座標。
![](https://assets.st-note.com/img/1720003500134-0vHNVGMP1T.png)
テクスチャの座標は、xy座標ではなく、st座標やuv座標とされることが多いようです。(xy座標と混同されないように)
・原点と対角の頂点の座標は、画像が長方形でも(1, 1)。
・画像のサイズは2のべき乗。(256、512など)
・形状は、正方形か長方形。
・テクスチャの座標は、WebGLの座標と異なるので、合わせる為の作業が必要。
・テクスチャの座標↓
![](https://assets.st-note.com/img/1720004174416-5mQQEXIKv0.png)
・WebGLの座標↓
![](https://assets.st-note.com/img/1720004268918-Q8OueskNsP.png)
頂戴したサポートは、レンタルサーバーの費用に充てさせて頂きます🙇 心より感謝いたします❤️