GLSLを使いたい

Webサイト上でWebGLを使って3Dアニメーションを動かしたいっと思って早幾年、何度も挑戦しては挫折を繰り返し、なんかもうとっても難しいというか、僕がやりたいこと、“やって楽しい事と難しさ”が釣り合ってない！と思ったんです。3Dをどうこうするよりも、2Dを変形したり加工したりする方が楽しい事に気付きました。
そこでGLSLです。シェーディング言語と言って、結局3Dグラフィックスなんだけど、「何か作る」と思って作るんじゃなくて、画像を歪ませたり、ノイズを加工してグラフィカルな何かを作れるっぽいんです。
今のところてんで知識が浅いので、このnoteに進捗記録していこうって目論見です。
遅々として捗ってないけど今日はとりあえず参考文献の索引だけ作って終わり。

ノイジーなパーリンノイズ - Daily Creative Coding

パーリンノイズでイケてるグラフィック作ってて僕がやりたい事に近い。いつかこれを理解して自分で作れるようになる。

wgld.org | WebGL |

今このサイトを順番に読んでるが序盤の序盤。読んでいると眠くなるのがダメ。手を動かさないと眠くなるのでこのnoteを書く事にした。

The Book of Shaders

GLSLを学ぶならココ！ってChatGPTも言ってた。日本語もあるのでありがたい。上のが終わったら次このサイト読む。

three.js docs

three.jsでもGLSL扱えるってChatGPTに聞いた。

Welcome to Processing!

processingもやりたい事に近い気がする。その程度の認識。

WebGLのシェーダーとGLSL

いっぱいコードと専門用語が出てくる。いつか読む。

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（４） - Qiita

10年前に挑戦形式で記録してる方がいた。

• GLSL (OpenGL ES2.0)リファレンス.md · GitHub
  いつかこのリファレンスを参照できる日が来るのだろうか。

• Houdiniの紹介
  Webじゃないけど。

• Blender2.41 GLSL ピクセル/バーテックスシェーダ - Blender.jp
  Webじゃないけど。いや、Blenderで作った3DモデルをWebにも転用できるのかもな。

てなもんで、何か“書ける進捗”があったら更新します。。

---

ソースコードの表示テスト（noteの話）

attribute vec3 position;
uniform   mat4 mvpMatrix;

void main(void){
    gl_Position = mvpMatrix * vec4(position, 1.0);
}