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

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

学びと再出発の旅路へ。

注目のプロジェクト

注目

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

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

注目

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

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

注目

[Chrome Add-on] ChatGPT Question Redactor

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

注目

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

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

最新記事

[Noise 入門 #13] Voronoi Noiseの実践 — 数式で「岩肌」「ひび割れ」「クリスタル」を錬成する

2026-02-20 | lain

Voronoi Noiseの距離計算（F1/F2）をGLSLで実装し、細胞、水面、ひび割れ、クリスタルといった「構造的な自然物」を生成する具体的なテクニックを解説。

カテゴリ： Procedural

タグ： #Voronoi#GLSL#Shader#WebGL#Math

[Babylon.js #04] HTTPS設定からQuest2でのWebXR没入体験まで

2026-02-19 | lain

Vite + mkcertによるHTTPS構築から、Babylon.jsのWebXR初期化、Quest2ブラウザでのVR動作確認までを解説。Secure Contextの理解と実践的な構築手順をまとめる。

カテゴリ： Babylon.js

タグ： #WebXR#VR#Quest2#HTTPS#Vite

[Noise 入門 #12] Voronoi / Worley Noise — 「距離」が描く細胞の幾何学

2026-02-19 | lain

ノイズは「煙」から「細胞」へ。これまでの勾配ベースのノイズとは全く異なる、点と距離の数学が生み出す「Voronoi (ボロノイ) ノイズ」の正体を解き明かします。

カテゴリ： Procedural

タグ： #Noise#Voronoi#Worley#GLSL#Math

[Noise 入門 #11] Procedural Water — ノイズで海面を波立たせる（Gerstner Wave vs Noise）

2026-02-18 | lain

「表現編」スタート。静止した大地から、動き続ける海へ。ノイズと数学的な波（Gerstner Wave）を組み合わせ、リアルに波打つ水面を構築する方法を解説します。

カテゴリ： Three.js Shader

タグ： #Noise#GLSL#Procedural#Water

[Babylon.js #03] WebGPUで MMD 1,000体を走らせる：大量描画と影の最適化戦略

2026-02-18 | lain

1体の描画から1,000体へ。WebGPUの限界に挑むインスタンス描画と、FPSを劇的に改善する影の最適化テクニック

カテゴリ： Babylon.js

タグ： #WebGPU#MMD#Performance#Optimization#InstancedMesh

[Next.js #19] Next.js + R3F: 初心に帰るシャドウマップ実装とLevaでのパラメータ可視化

2026-02-17 | lain

影が出ない・切れるといった「あるある」を防ぐために。Levaを使ってDirectional LightのShadow Camera範囲を可視化し、最適な設定を探るプロセスをまとめました。

カテゴリ： Next.js

タグ： #React Three Fiber#Three.js#Leva#WebGL

[Noise 入門 #10] Procedural Terrain Generation — 数学で大地を隆起させる

2026-02-17 | lain

Noise 入門シリーズ第10回。空（雲）から視点を地上へ戻し、ノイズを用いて3Dの地形（Terrain）を生成します。ハイトマップの原理、Ridge Noiseによる山脈の形成、そしてバイオームによる色付けまでを解説。

カテゴリ： Procedural

タグ： #Noise#Terrain#Three.js#GLSL#Vertex Shader#Heightmap#CG

[Babylon.js #02] 自作MMDモデルをWebGPUでアニメーション (pmx / vmd converter)

2026-02-17 | lain

WebGPU環境でMMD(PMX)を動かそうとして沼にハマり、最適化フォーマット「BPMX」と「無限ループバグ」を攻略して15秒の壁を突破するまでの技術ログ。

カテゴリ： Babylon.js

タグ： #Web Graphics#WebGPU#MMD#TypeScript#Debugging#BPMX

[Babylon.js #01] 環境構築とWebGPUの夜明け（Hello World）

2026-02-17 | lain

最新のWebGPU対応を見据えたBabylon.js開発環境をVite + TypeScriptで構築し、最初の3Dシーンを表示するまでの完全ガイド。

カテゴリ： Babylon.js

タグ： #Programming#Web Graphics#Babylon.js#WebGPU#TypeScript#Vite#Tutorial

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

注目のプロジェクト

おすすめ記事

最新記事