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

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

学びと再出発の旅路へ。

注目のプロジェクト

注目
[WEB Add] 3D WebGL Benchmark ─ Three.jsで数百万ボクセルを描画するGPUベンチマーク

[WEB Add] 3D WebGL Benchmark ─ Three.jsで数百万ボクセルを描画するGPUベンチマーク

Three.jsとInstancedMeshを駆使し、ブラウザ上で数百万〜数千万個のボクセルを描画してGPUを限界まで追い込むベンチマークアプリを開発・公開しました。

注目
[Chrome Add-on] Gemini VOICEVOX Reader

[Chrome Add-on] Gemini VOICEVOX Reader

Google Gemini の回答を、VOICEVOX で自動的に読み上げる Chrome 拡張をリリースしました。

注目
[Lain Clock(仮)] Three.js と MMD を使って制作した Web 時計アプリ

[Lain Clock(仮)] Three.js と MMD を使って制作した Web 時計アプリ

Three.js と MMD を使って制作した Web 時計アプリ。壁紙、時計色、床シェーダー、MotionAssets を設定UIから変更し、localStorage / IndexedDB で保存・復元できます。

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

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

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

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

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

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

注目
[Chrome Add-on] ChatGPT Question Redactor

[Chrome Add-on] ChatGPT Question Redactor

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

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

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

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

おすすめ記事

最新記事

[Next.js #56] Three.jsで創る無限の箱庭 — キツネと歩くプロシージャル・ワールド

[Next.js #56] Three.jsで創る無限の箱庭 — キツネと歩くプロシージャル・ワールド

2026-03-29 | lain

Noise入門シリーズ全50回の集大成。これまで個別に開発してきた無限地形、洞窟、植生、Boids、Flow Fieldのすべてを統合。物理エンジンを使わず「数学」だけで当たり判定と接地を実現した、終わらない世界の構築記録。

カテゴリ： Next.js

タグ： #Three.js#Noise#WebGL#GLSL#Procedural Generation#GameDev

[Noise 入門 #50] 第5集完結 — 終わらない世界を歩く（Procedural Worldの統合）

[Noise 入門 #50] 第5集完結 — 終わらない世界を歩く（Procedural Worldの統合）

2026-03-29 | lain

Noise入門シリーズ第5集完結。これまで錬成してきた無限のチャンク、バイオーム、ボクセル地形、大気散乱、植生、そして生命の群れ（Boids）のすべてを統合。Three.jsとGLSLを駆使して構築した「終わらない世界」を自らの足で歩き、プロシージャル生成の集大成を体感します。

カテゴリ： Procedural Three.js

タグ： #Noise#GLSL#WebGL#Voxel#Procedural Generation

[Next.js #55] Boids × Flow Field — 10万の鳥が「狂気の空」を舞う

[Next.js #55] Boids × Flow Field — 10万の鳥が「狂気の空」を舞う

2026-03-28 | lain

Three.jsとInstancedMeshを用いて、最大10万羽の鳥が気流（Flow Field）に乗って自律的に飛ぶBoidsシミュレーションを実装しました。GLBモデルの統合と、狂気を孕んだ群れのパラメータ調整について解説します。

カテゴリ： Next.js

タグ： #Procedural#Three.js#Shader#Boids#Flow Field#GPGPU#InstancedMesh