📦

【A-Frame】glbのサイズを取得する

2022/02/25に公開

A-Frameで表示しているglbモデルのサイズを取得する方法。

Three.jsでハコを作り、中にglbモデルを入れ、
ハコのサイズを取得することでglbのサイズが分かる。

<a-entity
  id="model"
  gltf-model="/models/example.glb"
  position="0 0 -1"
  rotation="0 0 0"
  scale="1 1 1"
></a-entity>
const model = document.getElementById("model")
const obj = model.object3D
const box = new THREE.Box3().setFromObject(obj)
box.getSize()
// {x: 0.16499999910593033, y: 0.1350085772573948, z: 0.11999998614192009, isVector3: true}

A-Frame側でscaleを1以外にしていると
取得できるサイズが実寸ではなくなるので注意!

Discussion