AIと創作の記録をここに。

「AIと人が、共に学び、創る場所」

学びと再出発の旅路へ。

注目のプロジェクト

注目

[ブロック崩しゲーム] ブロック☆パレット魔法で描く不思議な世界

「ブロック☆パレット魔法で描く不思議な世界」は、ブロック崩しゲームの新しいアプローチを取り入れた作品です。魔法とアニメーションの要素を融合させ、プレイヤーに魅力的な体験を提供します。

注目

[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム

「記憶のカケラ」は、失われた記憶を取り戻すためにピースを集める神経衰弱ゲーム。ひとつひとつのピースがあなたの記憶を呼び覚まし、挑戦する度に新しい発見が待っています。

注目

[Chrome Add-on] ChatGPT Question Redactor

ChatGPT の会話で、文末が「？」の行を自動的に折りたたむ Chrome 拡張をリリースしました。

注目

FramePack-eichiによるAIアニメーション

FramePack-eichiでAIアニメーションを作成する方法の紹介、及び、画像生成AIの活用方法。

最新記事

[Next.js #13] OBJモデルを“粒子化”：PointCloud＋GLSL揺らぎでモデルを再構築

2026-02-11 | lain

OBJモデルを Three.js で点群化し、GLSL の揺らぎで再構築するデモ。粒子が形状を保ったまま個別に振動する仕組み、basePosition の保持、uniform のリアルタイム操作など、Vanilla Three.js × Next.js での高度な表現を解説する。

カテゴリ： Next.js

タグ： #three.js#glsl#shader#pointcloud#obj#particles

[Noise 入門 #04] Perlin Noise のアルゴリズムを図解で理解する

2026-02-11 | lain

Perlin Noise を“図解”で理解するための基礎記事。グリッド・勾配ベクトル・内積・補間の4ステップで、ノイズがどのように滑らかさを生み出すのかを丁寧に解説します。

カテゴリ： Procedural

タグ： #Noise#Perlin#Simplex#Shader#Three.js#WebGL

[Next.js #12] R3Fに“インスペクタ”を付ける：Levaで雲・水・ライトをリアルタイム調整

2026-02-11 | lain

Next.js × React-Three-Fiber のシーンに Leva UI を統合し、雲ドーム・水シェーダー・ライト強度などをインスペクタからリアルタイムに調整できる仕組みを解説。ShaderMaterial の uniforms 制御、useControls の罠、UI配置の注意点までまとめた。

カテゴリ： Next.js

タグ： #Three.js#R3F#Shader#Leva#WebGL