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

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

学びと再出発の旅路へ。

注目のプロジェクト

注目

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

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

注目

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

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

注目

[Chrome Add-on] ChatGPT Question Redactor

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

注目

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

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

最新記事

[Next.js #21] Canvas 2Dで挑む「タイムパイロット」式全方位カメラと無限の雲海

2026-03-01 | lain

Canvas 2Dの座標変換を駆使し、自機を中心に世界が回転・ズームする3D的なカメラワークと、決定論的ノイズによる無限の背景生成を実装した実験記録。

カテゴリ： Next.js

タグ： #Canvas2D#決定論的ノイズ#プロシージャル生成#ゲーム開発#数学

[Noise 入門 #22] Domain Warping の真骨頂 — GLSLで空間をねじ曲げ「ブラックホール」を錬成する

2026-03-01 | lain

Noise 入門シリーズ第22回。Domain Warpingの真骨頂として、GLSLを用いたPost-Processing（後処理）エフェクトで空間そのものをねじ曲げ、光を飲み込む「ブラックホール」を実装する手法を解説します。

カテゴリ： Procedural

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

[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

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

注目のプロジェクト

おすすめ記事

最新記事