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

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

学びと再出発の旅路へ。

注目のプロジェクト

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

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

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

注目
[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 #32] Three.js MMDアプリにモデルZIP / 壁紙 / IndexedDB管理を実装 — ローカルアセット基盤の整備

[Next.js #32] Three.js MMDアプリにモデルZIP / 壁紙 / IndexedDB管理を実装 — ローカルアセット基盤の整備

2026-03-10 | lain

Three.js + MMD + WebXR系アプリに、モデルZIPのドラッグ＆ドロップ取込、Blob変換、IndexedDB保存、モデル一覧、壁紙サムネ一覧、削除UIを実装。ローカルアセット管理基盤を整備した記録。

カテゴリ： Next.js

タグ： #Next.js#Three.js#MMD#PMX#IndexedDB#JSZip#Blob#WebXR#Quest2#Asset Management

[Next.js #31] Touching Noise Field — Three.js × GLSLで“触れるノイズ場”を作る

[Next.js #31] Touching Noise Field — Three.js × GLSLで“触れるノイズ場”を作る

2026-03-10 | lain

Three.jsとGLSLを使い、Raycasterで取得したマウス位置をもとに局所的なDomain Warpingを発生させる“触れるノイズ場”を実装。PlaneGeometry上の頂点変形と色設計を組み合わせ、鑑賞するノイズから体験するノイズへ発展させる。

カテゴリ： Next.js

タグ： #Next.js#Three.js#GLSL#Shader#Raycaster#Domain Warping#Noise#Interactive Art#WebGL

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

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

2026-03-09 | lain

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

カテゴリ： Philosophy UI/UX

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

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

[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で躓いた点まとめ

[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

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

[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