![[Chrome Add-on] ChatGPT Question Redactor](https://humanxai.info/images/uploads/chatgpt-question-redactor.webp)
![[Noise 入門 #11] Procedural Water — ノイズで海面を波立たせる（Gerstner Wave vs Noise）](https://humanxai.info/images/uploads/noise-intro-11-procedural-water.webp)
[Noise 入門 #11] Procedural Water — ノイズで海面を波立たせる（Gerstner Wave vs Noise）
2026-02-18 | lain
「表現編」スタート。静止した大地から、動き続ける海へ。ノイズと数学的な波（Gerstner Wave）を組み合わせ、リアルに波打つ水面を構築する方法を解説します。
AIと創作の記録をここに。
「AIと人が、共に学び、創る場所」
学びと再出発の旅路へ。
注目のプロジェクト
注目
![[ブロック崩しゲーム] ブロック☆パレット 魔法で描く不思議な世界](https://humanxai.info/images/uploads/project4.webp)
[ブロック崩しゲーム] ブロック☆パレット 魔法で描く不思議な世界
「ブロック☆パレット 魔法で描く不思議な世界」は、ブロック崩しゲームの新しいアプローチを取り入れた作品です。魔法とアニメーションの要素を融合させ、プレイヤーに魅力的な体験を提供します。
注目
![[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム](https://humanxai.info/images/uploads/project2.webp)
[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム
「記憶のカケラ」は、失われた記憶を取り戻すためにピースを集める神経衰弱ゲーム。ひとつひとつのピースがあなたの記憶を呼び覚まし、挑戦する度に新しい発見が待っています。
注目
注目
おすすめ記事
最新記事
![[Babylon.js #03] WebGPUで MMD 1,000体を走らせる：大量描画と影の最適化戦略](https://humanxai.info/images/uploads/babylonjs-03-webgpu-1000-instances-optimization.webp)
[Babylon.js #03] WebGPUで MMD 1,000体を走らせる：大量描画と影の最適化戦略
2026-02-18 | lain
1体の描画から1,000体へ。WebGPUの限界に挑むインスタンス描画と、FPSを劇的に改善する影の最適化テクニック
![[Next.js #19] Next.js + R3F: 初心に帰るシャドウマップ実装とLevaでのパラメータ可視化](https://humanxai.info/images/uploads/nextjs-19-r3f-shadow-map-leva.webp)
[Next.js #19] Next.js + R3F: 初心に帰るシャドウマップ実装とLevaでのパラメータ可視化
2026-02-17 | lain
影が出ない・切れるといった「あるある」を防ぐために。Levaを使ってDirectional LightのShadow Camera範囲を可視化し、最適な設定を探るプロセスをまとめました。
![[Noise 入門 #10] Procedural Terrain Generation — 数学で大地を隆起させる](https://humanxai.info/images/uploads/noise-intro-10-terrain-generation.webp)
[Noise 入門 #10] Procedural Terrain Generation — 数学で大地を隆起させる
2026-02-17 | lain
Noise 入門シリーズ第10回。空（雲）から視点を地上へ戻し、ノイズを用いて3Dの地形（Terrain）を生成します。ハイトマップの原理、Ridge Noiseによる山脈の形成、そしてバイオームによる色付けまでを解説。
![[Babylon.js #02] 自作MMDモデルをWebGPUでアニメーション (pmx / vmd converter)](https://humanxai.info/images/uploads/babylonjs-02-mmd-webgpu-bpmx.webp)
[Babylon.js #02] 自作MMDモデルをWebGPUでアニメーション (pmx / vmd converter)
2026-02-17 | lain
WebGPU環境でMMD(PMX)を動かそうとして沼にハマり、最適化フォーマット「BPMX」と「無限ループバグ」を攻略して15秒の壁を突破するまでの技術ログ。
![[Babylon.js #01] 環境構築とWebGPUの夜明け（Hello World）](https://humanxai.info/images/uploads/babylonjs-01-setup-helloworld.webp)
[Babylon.js #01] 環境構築とWebGPUの夜明け（Hello World）
2026-02-17 | lain
最新のWebGPU対応を見据えたBabylon.js開発環境をVite + TypeScriptで構築し、最初の3Dシーンを表示するまでの完全ガイド。
![[Next.js #18] R3Fで「無限の水平線」を作る — Ocean & Volumetric Clouds](https://humanxai.info/images/uploads/nextjs-18-r3f-ocean-volumetric-clouds.webp)
[Next.js #18] R3Fで「無限の水平線」を作る — Ocean & Volumetric Clouds
2026-02-16 | lain
Next.js + R3F 実装連載第18回。Three.js公式のWaterシェーダーによる海面表現と、レイマーチングを用いたボリューメトリックな雲を組み合わせ、リアルな自然環境を構築します。
![[Noise 入門 #09] Volumetric Clouds — ノイズで空に雲を浮かべる（レイマーチング基礎）](https://humanxai.info/images/uploads/noise-intro-09-volumetric-clouds.webp)
[Noise 入門 #09] Volumetric Clouds — ノイズで空に雲を浮かべる（レイマーチング基礎）
2026-02-16 | lain
平面（Surface）の世界から体積（Volume）の世界へ。これまでの知識（FBM、Warping、Curl）を総動員し、レイマーチングを用いて「中に入って飛べる雲」を数学的に彫り出す方法を解説します。
![[Noise 入門 #08] Curl Noise — ノイズは“流れ”になる。流体シミュレーションを使わずに流体を作る](https://humanxai.info/images/uploads/noise-intro-08-curl-noise.webp)
[Noise 入門 #08] Curl Noise — ノイズは“流れ”になる。流体シミュレーションを使わずに流体を作る
2026-02-15 | lain
ノイズは単なる「ザラザラした模様」ではない。適切な数学（Curl演算子）を通すことで、それは「流体」へと進化する。重たい物理演算を使わずに、煙や水流のような「圧縮されない滑らかな動き」を作る Curl Noise のアルゴリズムと実装を解説。