Breaking News: Grepper is joining You.com. Read the official announcement!

Aframe: normalise size of model

Depressed Dugong answered on June 6, 2022 Popularity 1/10 Helpfulness 1/10

answer Aframe: normalise size of model

Aframe: normalise size of model

Comment

/**
 * Scales the object proportionally to a set value given in meters.
 */

AFRAME.registerComponent("natural-size", {
  schema: {
    width: {
      type: "number",
      default: undefined, // meters
    },
    height: {
      type: "number",
      default: undefined, // meters
    },
    depth: {
      type: "number",
      default: undefined, // meters
    },
  },

  init() {
    this.el.addEventListener("model-loaded", this.rescale.bind(this));
  },

  update() {
    this.rescale();
  },

  rescale() {
    const el = this.el;
    const data = this.data;
    const model = el.object3D;

    const box = new THREE.Box3().setFromObject(model);
    const size = box.getSize();

    if (!size.x && !size.y && !size.z) {
      return;
    }

    let scale = 1;

    if (data.width) {
      scale = data.width / size.x;
    } else if (data.height) {
      scale = data.height(size.y);
    } else if (data.depth) {
      scale = data.depth / size.y;
    }

    el.setAttribute("scale", `${scale} ${scale} ${scale}`);
  },

  remove() {
    this.el.removeEventListener("model-loaded", this.rescale);
  },
});

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: model size whatever

Link to this answer
Share Copy Link