# Regarding Glyph3DMapper

**URL:** https://discourse.vtk.org/t/regarding-glyph3dmapper/15892
**Category:** Web
**Created:** [July 31, 2025, 10:21am UTC](https://discourse.vtk.org/t/regarding-glyph3dmapper/15892 "2025-07-31T10:21:34Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Heisenberg](https://discourse.vtk.org/letter_avatar_proxy/v4/letter/h/4da419/32.png) [@Heisenberg](https://discourse.vtk.org/u/Heisenberg)
#### Post date: [July 31, 2025, 10:21am UTC](https://discourse.vtk.org/t/regarding-glyph3dmapper/15892/1 "2025-07-31T10:21:34Z")

</div>

Hello everyone, I attempted to use cubes instead of pixels to render the ply file, but the actual rendering result did not meet my expectations. Could it be that I used a wrong part? Here is my code:

```auto
<template>
  <div class="point-cloud-cube" ref="container"></div>
</template>

<script>
import '@kitware/vtk.js/Rendering/Profiles/Geometry';
import vtkFullScreenRenderWindow from '@kitware/vtk.js/Rendering/Misc/FullScreenRenderWindow';
import vtkPLYReader from '@kitware/vtk.js/IO/Geometry/PLYReader';
import vtkCubeSource from '@kitware/vtk.js/Filters/Sources/CubeSource';
import vtkGlyph3DMapper from '@kitware/vtk.js/Rendering/Core/Glyph3DMapper';
import vtkActor from '@kitware/vtk.js/Rendering/Core/Actor';
import { onMounted, onUnmounted, ref } from 'vue';

export default {
  name: 'CubeRender',
  setup() {
    const container = ref(null);
    let fullScreenRenderer = null;

    onMounted(async () => {
      fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({
        container: container.value,
        background: [0.1, 0.1, 0.1], 
      });
      const renderer = fullScreenRenderer.getRenderer();
      const renderWindow = fullScreenRenderer.getRenderWindow();

      const reader = vtkPLYReader.newInstance();
      await reader.setUrl('/random_points.ply');

      const cubeSource = vtkCubeSource.newInstance({
        xLength: 10, 
        yLength: 10,
        zLength: 10,
      });

      const glyphMapper = vtkGlyph3DMapper.newInstance();
      glyphMapper.setInputConnection(reader.getOutputPort(), 0);
      glyphMapper.setInputConnection(cubeSource.getOutputPort(), 1);

      const actor = vtkActor.newInstance();
      actor.setMapper(glyphMapper);
      renderer.addActor(actor);
      renderer.resetCamera();
      renderWindow.render();
    });

    onUnmounted(() => {
      if (fullScreenRenderer) {
        fullScreenRenderer.delete();
      }
    });

    return { container };
  },
};
</script>

<style>
.point-cloud-cube {
  width: 100%;
  height: 100vh;
}
</style>

```

---

<div class="post-metadata">

### Author: ![finetjul](https://discourse.vtk.org/user_avatar/discourse.vtk.org/finetjul/32/154_2.png) [@finetjul](https://discourse.vtk.org/u/finetjul)
#### Post date: [July 31, 2025, 8:08pm UTC](https://discourse.vtk.org/t/regarding-glyph3dmapper/15892/2 "2025-07-31T20:08:42Z")

</div>

What rendering result do you have ?

---

<div class="post-metadata">

### Author: ![Heisenberg](https://discourse.vtk.org/letter_avatar_proxy/v4/letter/h/4da419/32.png) [@Heisenberg](https://discourse.vtk.org/u/Heisenberg)
#### Post date: [July 31, 2025, 8:19pm UTC](https://discourse.vtk.org/t/regarding-glyph3dmapper/15892/3 "2025-07-31T20:19:45Z")

</div>

Thank you very much for your reply. This is the result I obtained. When it is enlarged, it still appears as dots rather than a cube.

 ![render-result](https://discourse.vtk.org/uploads/default/original/2X/9/9df2892b852764d7c48026adf993bf9bf745f75a.png)

---

<div class="post-metadata">

### Author: ![finetjul](https://discourse.vtk.org/user_avatar/discourse.vtk.org/finetjul/32/154_2.png) [@finetjul](https://discourse.vtk.org/u/finetjul)
#### Post date: [July 31, 2025, 8:25pm UTC](https://discourse.vtk.org/t/regarding-glyph3dmapper/15892/4 "2025-07-31T20:25:49Z")

</div>

You need to import the Glyph rendering profile in addition to the Geometry profile:

`import '@kitware/vtk.js/Rendering/Profiles/Glyph';`

Not sure why it rendered something at all…

---

<div class="post-metadata">

### Author: ![Heisenberg](https://discourse.vtk.org/letter_avatar_proxy/v4/letter/h/4da419/32.png) [@Heisenberg](https://discourse.vtk.org/u/Heisenberg)
#### Post date: [July 31, 2025, 8:42pm UTC](https://discourse.vtk.org/t/regarding-glyph3dmapper/15892/5 "2025-07-31T20:42:45Z")

</div>

Thank you very much for your patient reply. I actually made such a stupid mistake. 🤣