WebGL

2026-01-07 | lain

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

カテゴリ： JavaScript

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

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

2025-12-30 | lain

three.js上に用意したGameBox構造で、ブロック崩しに続く2作目としてシンプルなシューティングゲームを実装した。VRとPCの両対応UI、開始・終了・リスタートまで含めた設計を整理する。

カテゴリ： JavaScript

タグ： #three.js#WebGL#ゲーム開発#VR#設計

2025-12-29 | lain

Three.jsで花火エフェクトを一日で実装しながら、粒子が消えないバグ、MeshからPointsへの移行、減速・落下など、花火をそれっぽく見せるために必要だった設計と工夫をまとめる。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#パーティクル#エフェクト#デバッグ

2025-12-29 | lain

Three.jsでパーティクルを配列から消したのに画面に残り続ける原因と、その正体がScene管理とfilterの順序にある理由を解説する。

カテゴリ： JavaScript

タグ： #Three.js#パーティクル#デバッグ#WebGL#メモリ管理

2025-12-25 | lain

Three.jsでNPCの頭上にセリフを表示し、キャラクターが反応しているように見せる実装方法をまとめます。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#VR#UI

2025-12-24 | lain

Three.jsの3D空間を扱う上で避けられないVector3。その基礎、使い所、応用、そしてつまずきやすいポイントを徹底的に解説します。

カテゴリ： JavaScript

タグ： #three.js#WebGL#Vector3#3DMath

2025-12-23 | lain

Three.jsのVideoTextureを自由に加工・トリミング・エフェクト適用する方法を整理。基本からShaderMaterialによる高度なカスタムまで網羅。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#VideoTexture#Shader

カテゴリ：WebGL