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

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

学びと再出発の旅路へ。

注目のプロジェクト

注目

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

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

注目

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

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

注目

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

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

注目

[Chrome Add-on] ChatGPT Question Redactor

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

注目

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

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

最新記事

[Next.js #44] Blender × R3F：物理演算による「砕ける演出」の構築

2026-03-17 | lain

Blenderで分割したモデルをNext.js + R3F上で物理演算させ、幻想的に砕け散る演出を実装しました。

カテゴリ： Next.js

タグ： #3D Development#R3F#Three.js#Blender#Rapier#GLSL#Noise

[Next.js #43] Procedural Aurora — 極地の夜空に揺らめくプロシージャルなオーロラを実装

2026-03-17 | lain

Next.js + Three.js連載第43回。前回の「文明の灯火」に続き、惑星の極地に揺らめくオーロラをGLSLで実装。独立した第3の球体とAdditiveBlendingを用いて、透き通るような光のベールを錬成します。

カテゴリ： Next.js

タグ： #WebGL#Next.js#Three.js#GLSL#Procedural

[Noise 入門 #38] Procedural Aurora — 磁力線とノイズが織りなす極地の光のカーテン

2026-03-17 | lain

Noise 入門シリーズ第38回。ノイズを一方向に強く引き伸ばす「Stretching」とDomain Warpingを組み合わせ、惑星の磁場に沿って揺らめくオーロラをGLSLでプロシージャルに錬成します。

カテゴリ： Procedural

タグ： #Noise#GLSL#Three.js#Shader

[Next.js #42] Three.js HTMLMesh で既存の HTML UI を WebXR 空間へ移植

2026-03-16 | lain

肥大化した UI モジュールをリファクタリングし、HTMLMesh を使って既存の HTML 資産をそのまま VR 空間へ持ち込む実装ガイド。

カテゴリ： Next.js

タグ： #Three.js#WebXR#MMD#VR#HTMLMesh#Refactoring

[Next.js #41] Procedural Night Lights on Storm Planet — 昼夜境界を動かし、文明の灯りが浮かぶ惑星を描く

2026-03-16 | lain

Next.js連載第41回。前回までに構築した嵐の惑星へ、Noise 入門 #37 で実装した Procedural Night Lights を移植。Voronoi Noise による都市網、昼夜境界（Terminator）の nightMask 制御、さらに uLightDir の uniform 化によって、太陽方向を動かせる“生きた夜景惑星”へ発展させます。

カテゴリ： Next.js

タグ： #Three.js#GLSL#Shader#Procedural#Night Lights#Terminator#Voronoi#Planet#Storm

[Noise 入門 #37] Procedural Night Lights — ノイズが描く「文明の灯火」と夜の境界線

2026-03-16 | lain

夜の領域（Dark Side）にフォーカスし、Voronoi Noiseを用いて宇宙から見下ろしたような「無数の街の明かり（City Lights）」をプロシージャルに錬成する実装手法を解説します。

カテゴリ： Procedural

タグ： #Noise#GLSL#Three.js#Shader#Voronoi

[Next.js #40] MMD Clock AI Talk — LM Studio × VOICEVOX × MMDで「会話する時計アプリ」を作る

2026-03-15 | lain

Next.js製のMMD時計アプリに会話UIを追加し、LM StudioのローカルLLMとVOICEVOXを接続。メッセージ送信をきっかけにMMDキャラクターが前に歩いてきて、吹き出しと音声で返答する“会話する時計アプリ”を実装しました。

カテゴリ： Next.js

タグ： #Next.js#MMD#VOICEVOX#LM Studio#Local LLM#AI VTuber#Three.js

[Next.js #39] Procedural Lightning on Storm Planet — 球体惑星に雷を落とし、濃い雲でランダム発火させる

2026-03-15 | lain

Interactive Storm を実装した球体惑星に Procedural Lightning を追加。Ridge 的なノイズによる雷の形状生成、時間ノイズによるストロボ明滅、さらにマウス操作の台風域だけでなく雲の濃い場所でもランダムに発火する雷表現を Three.js / GLSL で実装します。

カテゴリ： Next.js

タグ： #Three.js#GLSL#Shader#Noise#Procedural#Lightning#Storm

[Noise 入門 #36] Procedural Lightning — 台風の目に「閃光」を落とす

2026-03-15 | lain

巨大な台風の内部でランダムに瞬く「稲妻（Lightning）」をプロシージャルに実装。FBMノイズの閾値を利用した鋭い閃光と、雲を内部から照らし出すダイナミックなライティング手法をGLSLで解説します。

カテゴリ： Procedural

タグ： #Noise#GLSL#Three.js#Shader#Tutorial

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

注目のプロジェクト

おすすめ記事

最新記事