![[Chrome Add-on] ChatGPT Question Redactor](https://humanxai.info/images/uploads/chatgpt-question-redactor.webp)
![[JavaScript] Three.jsでRPGバトルを仕上げる｜敵ターン追加・HP決着・テンポ調整・不具合潰し](https://humanxai.info/images/uploads/javascript-threejs-rpg-battle-complete.webp)
[JavaScript] Three.jsでRPGバトルを仕上げる｜敵ターン追加・HP決着・テンポ調整・不具合潰し
2026-01-11 | lain
前回のフェーズ駆動バトル実装を「完成版」へ。enemyフェーズ（敵ターン）追加、HPの増減と勝敗判定、走って殴る演出、waitDurationの秒管理、UI/SE多重発火の対策までをまとめる。
AIと創作の記録をここに。
「AIと人が、共に学び、創る場所」
学びと再出発の旅路へ。
注目のプロジェクト
注目
![[ブロック崩しゲーム] ブロック☆パレット 魔法で描く不思議な世界](https://humanxai.info/images/uploads/project4.webp)
[ブロック崩しゲーム] ブロック☆パレット 魔法で描く不思議な世界
「ブロック☆パレット 魔法で描く不思議な世界」は、ブロック崩しゲームの新しいアプローチを取り入れた作品です。魔法とアニメーションの要素を融合させ、プレイヤーに魅力的な体験を提供します。
注目
![[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム](https://humanxai.info/images/uploads/project2.webp)
[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム
「記憶のカケラ」は、失われた記憶を取り戻すためにピースを集める神経衰弱ゲーム。ひとつひとつのピースがあなたの記憶を呼び覚まし、挑戦する度に新しい発見が待っています。
注目
注目
おすすめ記事
最新記事
![[JavaScript] Three.js / WebXRで一生使い回せるMessageBoxを実装](https://humanxai.info/images/uploads/javascript-threejs-webxr-reusable-messagebox.webp)
[JavaScript] Three.js / WebXRで一生使い回せるMessageBoxを実装
2026-01-11 | lain
Three.jsとWebXR環境で、戦闘・イベント・通知に使い回せるMessageBoxを実装した記録。設計判断と妥協点も含めてまとめた。
![[JavaScript]スマホでサブ的にコーディングする現実解 ─ 開発者向け実践ガイド](https://humanxai.info/images/uploads/javascript-mobile-sub-coding-threejs-webxr.webp)
[JavaScript]スマホでサブ的にコーディングする現実解 ─ 開発者向け実践ガイド
2026-01-11 | lain
PCを主戦場にしつつ、外出先でアイデアを逃さないためのスマホ向けコーディング環境を整理。vscode.dev、PlayCode、Code Serverの現実的な使い分けを解説する。
![[JavaScript] Zone切り替えBGMを自然につなぐサウンド設計（フェード対応）](https://humanxai.info/images/uploads/javascript-zone-bgm-sound-design-fade.webp)
[JavaScript] Zone切り替えBGMを自然につなぐサウンド設計（フェード対応）
2026-01-10 | lain
Zoneやバトル遷移でBGMが不自然に切り替わる問題を、設計の見直しとフェード処理で解消する実装メモ。
![[JavaScript] Three.jsでsin波に沿って拡散するスプライト演出を試作した記録](https://humanxai.info/images/uploads/javascript-threejs-sin-wave-sprite-animation.webp){kind=icon}
[JavaScript] Three.jsでsin波に沿って拡散するスプライト演出を試作した記録
2026-01-10 | lain
three.jsのSpriteとCanvasTextureを使い、sin波に沿って生成・拡散する軽量なアニメーション演出を試作した過程をまとめる。
![[JavaScript] Three.jsでMarchingCubes（Metaballs）を動かす](https://humanxai.info/images/uploads/javascript-threejs-marchingcubes-metaballs.webp)
[JavaScript] Three.jsでMarchingCubes（Metaballs）を動かす
2026-01-09 | lain
Three.jsのMarchingCubesを使ってMetaballs表現を実装。reset→addBall→updateの流れ、透明Box（水槽）との組み合わせ、world座標を0..1空間へ変換する実装メモ。
![[JavaScript] Three.jsで地形にゾーンを持たせてエンカウントを制御する（tile→ASCII map→ZONE_DEFS）](https://humanxai.info/images/uploads/javascript-threejs-terrain-zone-encounter.webp)
[JavaScript] Three.jsで地形にゾーンを持たせてエンカウントを制御する（tile→ASCII map→ZONE_DEFS）
2026-01-09 | lain
タイル地形をASCIIマップ化し、地面コライダーにzoneを付与。プレイヤーの現在地zoneからエンカウント可否をデータ駆動で切り替えるまでの実装ログ。
![[JavaScript] Three.jsでRPGバトルをゼロから組む｜フェーズ管理・UI・アニメーション・SEまで](https://humanxai.info/images/uploads/javascript-threejs-rpg-battle-phase-system.webp)
[JavaScript] Three.jsでRPGバトルをゼロから組む｜フェーズ管理・UI・アニメーション・SEまで
2026-01-08 | lain
three.jsでフィールドからバトルへの遷移、フェーズ管理、コマンドUI、アニメーション、SE/BGMまでをゼロから実装した制作ログ。
![[JavaScript] Three.jsでPMXにVPD（ポーズ）を適用する方法](https://humanxai.info/images/uploads/javascript-threejs-pmx-vpd-mmdloader.webp)
[JavaScript] Three.jsでPMXにVPD（ポーズ）を適用する方法
2026-01-07 | lain
Three.jsでPMXモデルにVPD（ポーズデータ）を適用する実装方法を解説。VPDが動かない原因、文字コード問題、IKやセンターボーンの扱い、MMDAnimationHelperを使った正解ルートを整理する。