The edges geometry component

[h-ikeda]

No description provided.

[Denis-Davidoff]

I'm create file /src/geometries/vgl-edges-geometry.js with content:

import { EdgesGeometry } from 'three';
import VglGeometry from '../core/vgl-geometry';
//import { float, int } from '../types';
import { name, boolean } from '../types';
import { validateName } from '../validators';

/**
 * This is the quadrilateral primitive geometry component,
 * corresponding [THREE.BoxGeometry](https://threejs.org/docs/index.html#api/geometries/EdgesGeometry).
 *
 * Properties of [VglGeometry](../core/vgl-geometry) are also available as mixin.
 */

export default {
  mixins: [VglGeometry],
  props: {
    geometry: { type: name, validator: validateName },
  },
  computed: {
    inst() {
      return new EdgesGeometry( this.vglNamespace.geometries.get( this.geometry ) );
    },
  },
};

And add its to index.js as import and export

Works as:

<!-- geometry -->
<vgl-box-geometry ref="floor" name="floor" :width="floor.size.x" :depth="floor.size.y" :height="floor.size.z"></vgl-box-geometry>

<vgl-edges-geometry name="edges-floor" geometry="floor"></vgl-edges-geometry>

<vgl-line-basic-material
                            name="line"
                            linewidth="2"
                            color="rgb(150, 200, 20)"
                        />

<vgl-line-segments geometry="edges-floor" material="mat-line" :position="`${floor.position.x} ${floor.position.z} ${floor.position.y}`" ref="floor"></vgl-line-segments>

It's works fine, but if can check on memory leaks and add it to project.
And emits on remove/change/add for correct works.

Thanks.

[h-ikeda]

It's nice of you.

Actually, using namespace manually is a little complex because objects got from namespace are not reactive.

Reading the VglSpotLightHelper component may be helpful.

The component stores object's uuid and the computed property refers it. So that helper instance will be re-created when different uuid is set.
Then, we can handle changing target object (in this case, light) with namespace's listen method. So we should call it when component is created and when target name changes.

Because THREE.Geometry also have uuid property like THREE.Object3D, this approach must be eligible in this case, too.