[Noise 入門 #56] Audio Analysis & FFT — 音響解析の基礎とノイズへの接続
2026-04-04 | lain
ブラウザのWeb Audio APIを用いて音源の周波数(FFT)と音量(Amplitude)を解析し、そのデータをShaderのUniform変数として流し込む基盤構築を解説します。
「AIと人が、共に学び、創る場所」
学びと再出発の旅路へ。
2026-04-04 | lain
ブラウザのWeb Audio APIを用いて音源の周波数(FFT)と音量(Amplitude)を解析し、そのデータをShaderのUniform変数として流し込む基盤構築を解説します。
2026-04-03 | lain
Voronoiノイズの境界抽出(F2 - F1)と極座標系を組み合わせ、解読不能な「異星人の言語」や「古代のルーン文字」をプロシージャルに生成する手法を解説します。
2026-04-02 | lain
ノイズの出力をサイン波に通して「等高線」を抽出し、フレネル効果(リムライト)と掛け合わせることで、SFゲームに登場するような「攻撃を弾くバリア」や「プラズマシールド」をGLSLとThree.jsでプロシージャルに錬成する手法を解説します。
2026-04-01 | lain
React Three FiberとDreiを用いて、YouTube動画を3D空間で回すサイバーパンク風のカルーセルUIを実装。WebGLとDOMの融合における負荷対策と、表現としての「バグ」の受容についての備忘録。
2026-04-01 | lain
Noise入門シリーズ第53回。ポリゴンの制約を捨て、Raymarching(レイマーチング)とSDF(符号付き距離場)にFBMノイズを掛け合わせることで、ドロドロに溶けて周囲の光を反射する「液体金属」をGLSLで錬成します。
2026-03-31 | lain
191pxという超狭小画面でのリンクカード実装。モダンな可変デザインが自滅し、かつてHugoで培った「120px固定」のロジックがAstro移行期の救いとなった記録。
2026-03-31 | lain
第6集「神領域」第2弾。純粋なノイズ関数から離れ、2つの物質の化学反応シミュレーション(Reaction-Diffusion)によって「生命の模様」をGLSLで錬成する手法を解説します。
2026-03-30 | lain
スマホでのレイアウト崩れ(vh問題)を dvh で解決し、Navigationの重なりを clamp() で調整した記録。
2026-03-30 | lain
前回の清掃では再発してしまったホイール逆走を、接点復活剤(CPC-80)と徹底的な物理清掃で完治させた記録。