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

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

学びと再出発の旅路へ。

注目のプロジェクト

注目

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

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

注目

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

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

注目

[Chrome Add-on] ChatGPT Question Redactor

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

注目

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

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

最新記事

[Next.js #20] R3F×GLSL ドメイン・ワーピング：Bloom不要の発光と流体表現

2026-03-01 | lain

ノイズ連載21回分の集大成。ドメイン・ワーピングとカスタムシェーダーを組み合わせ、ライブラリ不要の爆発的な視覚エフェクトを実装します。

カテゴリ： Next.js

タグ： #React Three Fiber#GLSL#Noise#Three.js#Web Graphics

[Noise 入門 #21] Shader 実践編開幕 — 4DノイズとGLSLで「プロシージャルな炎」を錬成する

2026-02-28 | lain

Noise 入門シリーズ第21回。第3集「Shader（GLSL）実践編」が開幕。FBMや4Dノイズを活用し、テクスチャを使わずに数式だけで「燃え盛るプロシージャルな炎」を錬成します。

カテゴリ： Procedural

タグ： #Noise#GLSL#Shader

[Babylon.js #13] メビウス帯の継ぎ目バグ修正（上下反転）＋WebXRローラーコースター化

2026-02-28 | lain

Babylon.js + babylon-mmd で作ったメビウス帯ウォーカーの継ぎ目バグ（上下反転/ロールフリップ）を、前フレームに近い姿勢を選ぶクォータニオン設計で修正。さらに WebXR で位置追従カメラを実装し、VRで“乗れる”チェイス視点に対応します。

カテゴリ： Babylon.js

タグ： #Babylon.js#TypeScript#WebXR#MMD#babylon-mmd#Quaternion#ProceduralMesh

[Babylon.js #12] ミニボウリング試作 — Havok物理 + GLBピン + PMX操作キャラ（VPDポーズ）

2026-02-27 | lain

Havok物理でボウリングを最小実装。ピンはGLB（見た目）＋円柱コリジョン（物理）で安定化し、レーン左右移動＋スペース長押しでパワー投球。PMXモデルをVPDポーズで待機させ、遊べるデモとして成立させた。

カテゴリ： Babylon.js

タグ： #Babylon.js#TypeScript#Havok#glTF#MMD#PMX#VPD#Physics

[Noise 入門 #20] Shaderの最適化とミクロなディテール — 遠景のLODと近景のBump Mapping

2026-02-27 | lain

Noise 入門シリーズ第2集（アルゴリズム編）完結！重くなりがちなShaderのパフォーマンスを改善するLOD（Level of Detail）の概念と、近景の質感を底上げするBump Mappingの仕組みを解説します。

カテゴリ： Procedural

タグ： #Noise#GLSL#Shader#LOD#Bump Mapping#Optimization

[Noise 入門 #19] Procedural Material — ノイズをマスクにした質感の動的ブレンド

2026-02-26 | lain

Noise入門シリーズ第19回。計算した「高さ」や「法線（傾き）」のデータをマスクとして利用し、水、雪、草、岩などの複数の質感を動的に塗り分けるProcedural Materialの実装方法を解説します。

カテゴリ： Procedural

タグ： #Noise#GLSL#Shader#3D#Math

[Babylon.js #11] 3DスマートボールをCanvas 2Dへ移植 — アーチ壁・サブステップ・カップ判定の実装

2026-02-26 | lain

Babylon.jsで作ったスマートボール試作をCanvas 2Dへ移植。描画よりも難しいのはロジックだったので、dt分割（サブステップ）、上部アーチ壁の反射、ポケットのカップ形状（弧）判定など、移植で詰まるポイントに絞って実装の勘所をまとめる。

カテゴリ： Babylon.js

タグ： #Canvas2D#TypeScript#Physics#CollisionDetection#GameDev#Prototype

[Noise 入門 #18] Procedural Lighting — ノイズから法線を捏造し、光と影をシミュレーションする

2026-02-25 | lain

Noise 入門シリーズ第18回。平坦なノイズから中心差分法を用いて法線（Normal）を計算し、Shader内でリアルタイムに光と影を描画する「Procedural Lighting」の基礎とGLSLでの実装手法を解説します。

カテゴリ： Procedural

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

[Babylon.js #10] スマートボール試作 — 発射レール制御と物理落下

2026-02-24 | lain

プロトタイプのカオスから始まったスマートボール制作。試行錯誤の末、物理的な心地よさと高級感あふれる質感を備えた「デジタル工芸品」へと進化した全記録。

カテゴリ： Babylon.js

タグ： #Babylon.js#TypeScript#Havok#WebGL#ゲーム開発#物理演算

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

注目のプロジェクト

おすすめ記事

最新記事