GLSLを使ってワンランク上の表現を！ Three.jsでのぷるぷるシェーダーの作り方 - ICS MEDIA

WebGLはウェブページに3D表現を組み込むための技術です。そのWebGLを扱いやすくしたJSライブラリの「Three.js」。Theee.jsとシェーダー言語GLSLを組み合わせてプリンが揺れるデモを作成しました。本記事では、Three.jsでシェーダー言語を利用する手順を解説します。 使用技術について GLSLとはOpenGL Shading Languageの略でその名の通り、OpenGL(WebGL)で使用できるシェーディング言語です。WebGLではライブラリを使用しない場合は、このシェーディング言語を使用してシェーダー（3D描画のための一連の計算セット）を自力で作成しなければなりません。WebGLのシェーダーは2種類あり、バーテックスシェーダーでは頂点の情報を画面上に反映し、フラグメントシェーダーではピクセル単位での描画を行います。今回はバーテックスシェーダーで頂点の位置をずらし

[pyaoo]

GLSLを使ってワンランク上の表現を！ three.jsでのぷるぷるシェーダーの作り方 – ICS LAB

[saken]

ぷるぷる

[motikawa]

“gl_Position = projectionMatrix * modelViewMatrix * position;”

[kurasita2]

ぷるぷる

[yasu-log]

［B!］GLSLを使ってワンランク上の表現を！ three.jsでのぷるぷるシェーダーの作り方 – ICS LAB / 頂点シェーダーの話

[a-24]

ぷるんぷるん

[tonkotsuboy_com]

ぷるぷるの動きwwww