JavaScript

2026-01-08 | lain

three.jsでフィールドからバトルへの遷移、フェーズ管理、コマンドUI、アニメーション、SE/BGMまでをゼロから実装した制作ログ。

カテゴリ： JavaScript

タグ： #three.js#RPG#ゲーム開発#状態管理#UI#アニメーション

2026-01-07 | lain

Three.jsでPMXモデルにVPD（ポーズデータ）を適用する実装方法を解説。VPDが動かない原因、文字コード問題、IKやセンターボーンの扱い、MMDAnimationHelperを使った正解ルートを整理する。

カテゴリ： JavaScript

タグ： #Three.js#MMD#PMX#VPD#MMDLoader#WebGL

2026-01-06 | lain

Three.jsでRPG風のコマンドメニューUIを、Plane + CanvasTexture + キー入力でゼロから構築した記録。

カテゴリ： JavaScript

タグ： #Three.js#Canvas#UI設計#ゲーム開発

$[JavaScript] 我思う、ゆえに座標あり ― ルネ・デカルトとデカルト座標系$

2026-01-06 | lain

Three.jsで座標に迷い、ミニマップで思考が爆発した先で気づいた。デカルト座標系は数学の道具ではなく、世界を定義する発明だった。

カテゴリ： JavaScript

タグ： #数学#デカルト座標系#ルネ・デカルト#解析幾何学#Three.js#数学と哲学#3D座標

2026-01-05 | lain

Three.jsのPlaneGeometryを使い、平地・山・クレーターを関数で生成し、JSON＋グリッド設計でマップ化、VRで歩ける地形を構築した記録。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#PlaneGeometry#地形生成#プロシージャル生成#VR#ゲーム開発

2026-01-04 | lain

WebXRで実装した右手コンパスUIを拡張し、NPCの位置をリアルタイムに可視化するドラゴンレーダー風UIを実装する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#UI#ゲーム開発#レーダー

2026-01-04 | lain

Three.jsのXRControllerModelFactoryを使って両手のVRコントローラを表示し、右手にコンパスUIを実装する方法を解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#XRControllerModelFactory#UI

2026-01-04 | lain

Three.jsでメイン視点と俯瞰視点を同時表示する、PC向けミニマップ実装の基本。viewport/scissorを使った安全でシンプルな方法を解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#ゲーム開発#ミニマップ#カメラ

2026-01-03 | lain

球体（地球）の表面をキャラクターが走り続ける表現を、θ/φの球面座標で位置を更新し、法線で姿勢を立たせ、lookAtで進行方向を向けるだけで実現する。2体を180度反対側で同期させる方法も紹介。

カテゴリ： JavaScript

タグ： #three.js#WebGL#Animation#math

カテゴリ：JavaScript