🎬three.js / WebXR の 3D アプリのデモ動画を自前で撮る：canvas 録画の勘所と自動化
three.js + WebXR の 3D ギャラリーアプリのデモ動画を、canvas.captureStream と MediaRecorder でアプリ内から録画した際のメモ。DOM が映らない・解像度が巨大になる・コーデックの再生互換といった落とし穴と対処、CDP によるヘッドレス自動撮影と検証方法をまとめた。
threejswebglwebxrmediarecorder
three.js + WebXR の 3D ギャラリーアプリのデモ動画を、canvas.captureStream と MediaRecorder でアプリ内から録画した際のメモ。DOM が映らない・解像度が巨大になる・コーデックの再生互換といった落とし穴と対処、CDP によるヘッドレス自動撮影と検証方法をまとめた。
MapLibre GL JS の DOM ベースカスタムマーカー（maplibregl.Marker）がズーム・パン操作時に地図から遅れて追従する問題の原因と、GeoJSON ソース + Circle/Symbol レイヤーによる根本的な解決方法を解説する。