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

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

学びと再出発の旅路へ。

注目のプロジェクト

注目

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

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

注目

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

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

注目

[Chrome Add-on] ChatGPT Question Redactor

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

注目

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

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

最新記事

アプリを作るとは何か？ — バンド演奏に学ぶ、UIと責務の哲学

2026-03-09 | lain

アプリ制作は、機能を足すことではなく、役割を設計し、出る・引く・渡すを整えながら、ひとつの体験に仕上げること。T-SQUARE のバンド演奏を手がかりに、UI設計・責務分離・全体最適の本質を考える。

カテゴリ： Philosophy UI/UX

タグ： #アプリ開発#UI設計#UX#責務分離#設計思想#哲学#T-SQUARE#宝島#バンド演奏#全体最適

[Next.js #30] Triplex + React Three Fiber + WebXR — GUI編集からQuest2実行まで

2026-03-09 | lain

Triplexを使ってReact Three Fiberの3DシーンをGUIで編集し、そのままWebXRでMeta Quest2に送って体験するまでの流れを解説。インストールからXR実行までを実際の手順でまとめます。

カテゴリ： Next.js

タグ： #React Three Fiber#R3F#Triplex#Three.js#WebXR#Meta Quest#VR

[Noise 入門 #30] 第3集完結 — 全てを束ねる「Procedural Universe」（プロシージャルな宇宙の錬成）

2026-03-09 | lain

第3集「Shader実践編」の最終回。これまでに学んだFBM、Domain Warping、極座標、GPGPUの全知識を統合し、ブラウザ上に100万の星々と星雲が渦巻く「プロシージャルな宇宙」をGLSLで錬成します。

カテゴリ： Procedural Shader

タグ： #Noise#GLSL#FBM#Domain Warping#GPGPU#Three.js#Generative Art

[Three.js #29] Three.js + MMD を VR対応する — WebXRで躓いた点まとめ

2026-03-08 | lain

Next.js + Three.js + MMD の時計アプリを Quest 2 単体ブラウザで動かすために、HTTPS 起動、crypto.randomUUID 回避、画面内ログ、frame.getViewerPose() による XR カメラ追従修正、Quest Browser 向け色変更 UI の自前実装を整理。

カテゴリ： Next.js

タグ： #Next.js#Three.js#WebXR#Quest2#MMD#VR

[Noise 入門 #29] GPGPU × Noise — 100万の粒子が描く流体シミュレーション

2026-03-08 | lain

Noise 入門シリーズ第29回。GPGPUを活用し、100万個のパーティクルをCurl Noiseのベクトル場に乗せて流体シミュレーションを行う実装手法を解説します。

カテゴリ： Procedural

タグ： #Noise#GLSL#Three.js#GPGPU#Particle System

[Next.js #28] MMD時計アプリに Wallpaper カスタマイズ機能を追加 — 背景画像・Tint・UI切替

2026-03-07 | lain

MMD時計アプリの背景壁を単色から画像対応へ拡張し、Wallpaper UIから壁紙・Tint Color・Texture ON/OFFを切り替えられるようにした実装メモ。Three.jsのMeshStandardMaterialに画像テクスチャを適用しつつ、onBeforeCompileで既存シェーダー演出も維持。さらに画面サイズに応じて背景壁が追従するようリサイズ処理も追加した。

カテゴリ： Next.js

タグ： #Next.js#Three.js#MMD#UI#Wallpaper#Shader#Texture#WebGL