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 #33] Interactive Noise Sphere — Three.js × GLSLで球体ノイズにクリック波紋を加える

[Next.js #33] Interactive Noise Sphere — Three.js × GLSLで球体ノイズにクリック波紋を加える

2026-03-11 | lain

平面で触れるノイズ場を作った前回実装を球体へ拡張。SphereGeometry、Raycaster、GLSLを使い、球体表面にクリック波紋が広がるインタラクティブなノイズ惑星デモを作成。背景用スカイスフィアも加え、触れる3D世界として整理します。

カテゴリ： Next.js

タグ： #Next.js#Three.js#GLSL#Shader#Raycaster#SphereGeometry#Noise#Interactive#WebGL

[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