JavaScript

2026-01-12 | lain

Three.jsで線路モデルをCurve上に並べ、getPointAt/getTangentAtで列車を走らせた。分岐は描画と走行を分離し、まずは1両編成で安定させる。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#Curve#GLTF#procedural

2026-01-12 | lain

WebAudio API と three.js を用いて、音に連動して変化するジオメトリアニメーションを実装する。状態管理・ジオメトリ切り替え・カラーパレット制御を中心に整理する。

タグ： #three.js#WebAudio#Sound Reactive#Creative Coding#WebGL

2026-01-11 | lain

前回のフェーズ駆動バトル実装を「完成版」へ。enemyフェーズ（敵ターン）追加、HPの増減と勝敗判定、走って殴る演出、waitDurationの秒管理、UI/SE多重発火の対策までをまとめる。

カテゴリ： JavaScript

タグ： #Three.js#RPG#GameDev#BattleSystem#UI#Animation#SE

2026-01-11 | lain

Three.jsとWebXR環境で、戦闘・イベント・通知に使い回せるMessageBoxを実装した記録。設計判断と妥協点も含めてまとめた。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#GameUI#Canvas#VR

2026-01-11 | lain

PCを主戦場にしつつ、外出先でアイデアを逃さないためのスマホ向けコーディング環境を整理。vscode.dev、PlayCode、Code Serverの現実的な使い分けを解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VSCode#Mobile#開発環境

2026-01-10 | lain

Zoneやバトル遷移でBGMが不自然に切り替わる問題を、設計の見直しとフェード処理で解消する実装メモ。

カテゴリ： JavaScript

タグ： #GameDev#Audio#Design#Three.js#WebXR

2026-01-10 | lain

three.jsのSpriteとCanvasTextureを使い、sin波に沿って生成・拡散する軽量なアニメーション演出を試作した過程をまとめる。

カテゴリ： JavaScript

タグ： #three.js#animation#canvas#sprite#math

2026-01-09 | lain

Three.jsのMarchingCubesを使ってMetaballs表現を実装。reset→addBall→updateの流れ、透明Box（水槽）との組み合わせ、world座標を0..1空間へ変換する実装メモ。

カテゴリ： JavaScript

タグ： #three.js#MarchingCubes#Metaballs#WebGL#3D

2026-01-09 | lain

タイル地形をASCIIマップ化し、地面コライダーにzoneを付与。プレイヤーの現在地zoneからエンカウント可否をデータ駆動で切り替えるまでの実装ログ。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#GameDev#RPG#設計

カテゴリ：JavaScript