【mapbox_js】TypeError: THREE.Geometry is not a constructor

こんちゃ，こんちゃ．

はじめに

えと，今回はmapboxでthree.jsを使おうとした時のお話．
mapboxで好きなように地図を作ろうと思ったのですが，3dを組み込むのが難しい．

調べていくと，three.jsを使うのが良さそう！
ということで，こちらのコードを真似てやってみたのですがうまく行かない…

エラー発生

出てきたエラーは[TypeError: THREE.Geometry is not a constructor]
発生した箇所はこちら．

var THREE = window.THREE;
var material = new THREE.LineBasicMaterial({ color: 0x0000ff });
var geometry = new THREE.Geometry();
Code language: JavaScript (javascript)

まぁどうやらTHREEにはGeometoryっていうコンストラクターがないよって話だと思う．

ここで見つけたのがこちらの記事

[Three.js] BufferGeometry vs Geometry - Qiita

この記事は非推奨です。Three.jsのコアからGeometryクラスは完全に削除されているため、この記事を読む必要はありません。はじめにWebGLライブラリThree.jsには、Geomet…

qiita.com

どうやら新しいthree.jsではGeometryが廃止されたよう…

おわりに

原因は分かったけど…どうしよう笑