apiとthree.jsで地図を3d表示,ゲーム製作スカイボックスを追加し、ビルにテクスチャを貼り付けてみた。リアルとは言えないが、雰囲気は出てきた。大きい範囲を描画しようとすると相当に処理が重い。最適化しないといかんかな。縦スクロールシューティングではかなり狭い範囲を描画するので、パフォーマンス的にはそんなに問題にはならなそうだが。屋根の面には屋根用のテクスチャを貼らないといけないんだけど、どうやればいいかまだわかっていない。テクスチャの貼り方にはさらに工夫が必要だ。はまったのは、ShapeをExtrudeGeometryで立体化しているのだけれども、ExtrudeGeometryで作成されたジオメトリに普通にテクスチャを貼り付けようとしてもできないというところ。このことはThree.jsのISSUEにも載っていた。https://github.com/mrdoob/three.js/issues/1824回避策としては、UVGeneratorにBoundingUVGeneratorをセットしてExtrudeGeometryする。この記事で載っているBoundingUVGeneratorは最新バージョンでは動作しないので、改良版を作った。