search

Fennec-hub / three-viewport-gizmo

Three Viewport Gizmo is a highly customizable standalone interactive three.js view helper controls, allowing effortless integration with popular camera libraries.
MIT License
66 stars 6 forks source link

nothing rendered. dom element and scene created #5

Closed doczoidberg closed 6 months ago

doczoidberg commented 6 months ago

Hi,

i use three.js 0.162.0 within an angular project and added everything as described. what can i do when nothing of the gizmo is renderered? DOM is created inside the container but nothing is rendered on it.

    const viewportGizmoElement = document.getElementById('viewportGizmo') as any;
    var options = {
      container: viewportGizmoElement,
      size: 100,
    }
    this.viewportGizmo = new ViewportGizmo(this.camera, this.renderer, options);
    this.viewportGizmo.target = this.controls.target;

handles work and camera moves when clicking the invisible axes.

Fennec-hub commented 6 months ago

Can you please reproduce the issue here: https://jsfiddle.net/eovL86hy/1/

Sorry for the delay!

BartaG512 commented 1 month ago

Hello! I've recreated the issue Please check: https://stackblitz.com/edit/stackblitz-starters-4kcphs?file=src%2Fapp%2Fapp.component.ts,index.js,src%2Fapp%2Fapp.component.html