・PC画面上の画素は「ピクセル」ですが、WebGLのモデル上の画素の様な物は「フラグメント」と言われます。 ・WebGLにおける「ラスタライズ」とは、「幾何学形状を、実際の画面上のピクセル単位に変換する」処理です。 ・この仕組みを利用すると、WebGLの ...

これからWebブラウザで3次元グラフィックスを作成するライブラリ three.js の復習していくよ。今回は青空を表すスカイドームと床面を表す市松模様を作り方を解説するよ。 青空を表すスカイドームの作り方 スカイドームとは3次元空間の背景として雲の上に ...

HTML5時代に突入してから、3DCGを使ったWebコンテンツも一般的になってきた。プラグインを必要とせずブラウザのみで3D描画するための技術が「WebGL」で、最近ではより高度でリッチな3D表現が可能になってきている。ここではWebGLでどんなことができるのか ...