<div dir="ltr">You understood correctly and you can create 4 x <span style="font-size:12.8px">vtkFullScreenRenderWindow but you will have to provide them with the DOM elements you want them to be embedded into like the example below:</span><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">[...]</span></div><div><span style="font-size:12.8px"><div style="width: 100vw; height: 100vh; position: relative; margin: 0; padding: 0" class="js-root-container"></span></div><div><span style="font-size:12.8px"></div></span></div><div><span style="font-size:12.8px">[...]</span></div><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">const rootContainer = document.querySelector('.</span><span style="font-size:12.8px">js-root-container');</span></div><div><div><span style="font-size:12.8px">const topLeft = vtkFullScreenRenderWindow.newInstance({ rootContainer, containerStyle: { position: 'absolute', left: '0', top: '0', width: '50%', height: '50%' }});</span></div><div><span style="font-size:12.8px">const topRight = vtkFullScreenRenderWindow.newInstance({ rootContainer, containerStyle: { position: 'absolute', right: '0', top: '0', width: '50%', height: '50%' }});</span></div><div><span style="font-size:12.8px">const bottomLeft = vtkFullScreenRenderWindow.newInstance({ rootContainer, containerStyle: { position: 'absolute', left: '0', bottom: '0', width: '50%', height: '50%' }});</span></div><div><span style="font-size:12.8px">const bottomRight = vtkFullScreenRenderWindow.newInstance({ rootContainer, containerStyle: { position: 'absolute', right: '0', bottom: '0', width: '50%', height: '50%' }});</span></div></div><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">Seb </span><br></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Dec 5, 2017 at 6:04 AM, Cristina Oyarzun <span dir="ltr"><<a href="mailto:coyarzunlaura@googlemail.com" target="_blank">coyarzunlaura@googlemail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>Hello Sebastian,<br></div><div><br></div><div>first of all sorry for asking so many questions and thank you for your help. I am trying to create 4 Render windows as you suggested. If I understood it correctly I can change the distribution of the render windows in the DOM element using "div" elements and changing their style. Is this correct? Apparently I can only set a container to vtkOpenGLRenderWindow and not to vtkRenderWindow. On the other side when I change the container for the openglRenderWindow I seem to have two times all my actors and renderers... Do I really need both vtkOpenGLRenderWindow and vtkRenderWindow?<br></div><div><br></div><div>How can I ensure that the 4 RenderWindows will always cover the full screen as it was the case by using one vtkFullScreenRenderWindow and 4 renderer?</div><div><br></div><div>Thank you!!</div><span class="HOEnZb"><font color="#888888"><div>Cristina<br></div><br></font></span></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Dec 4, 2017 at 4:34 PM, Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.<wbr>com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">I've created an issue here: <a href="https://github.com/Kitware/vtk-js/issues/445" target="_blank">https://github.com/Kitwa<wbr>re/vtk-js/issues/445</a></div><div class="m_-5111066384342687865HOEnZb"><div class="m_-5111066384342687865h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Dec 4, 2017 at 8:31 AM, Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Cristina,<div><br></div><div>The current implementation is probably not aware of renderers that are not taking the full size of the renderWindow.</div><div>I guess for now, you can create 4 renderWindows inside your DOM element to recreate the split you were looking for with your renderers.</div><div><br></div><div>Hope that make sense,</div><div><br></div><div>Seb</div><div><br></div><div>PS: In the meantime, we will try to add support for multi-renderer inside the <span style="font-size:12.8px">vtkPixelSpaceCallbackMappe<wbr>r</span></div></div><div class="m_-5111066384342687865m_2595640898809969554HOEnZb"><div class="m_-5111066384342687865m_2595640898809969554h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Dec 4, 2017 at 5:10 AM, Cristina Oyarzun <span dir="ltr"><<a href="mailto:coyarzunlaura@googlemail.com" target="_blank">coyarzunlaura@googlemail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><div><div><div>Hello Sebastian,<br><br></div>thank you very much for your help. I was now able to visualize the labels. Their relative location is correct, but they do not appear in the correct renderer. They actually appear in a white "renderer" (the canvas I guess?), below my render window. <br><br></div>How can I show the labels in a concrete renderer? As I mentioned I have four of them, and I need to show different labels in each one of them.<br><br></div>Thank you!!<span class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856HOEnZb"><font color="#888888"><br></font></span></div><span class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856HOEnZb"><font color="#888888">Cristina<br></font></span></div><div class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856HOEnZb"><div class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856h5"><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Dec 1, 2017 at 4:20 PM, Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Cristina,<div><br></div><div>You should fill the points in a static manner using the typed array like below:</div><div><br></div><div>var nbPoints = 10;</div><div>var coords = new Float32Array(nbPoints * 3);<div><br class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656gmail-Apple-interchange-newline">coords[0] = x0;</div>coords[1] = y0;<br class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656gmail-Apple-interchange-newline">coords[2] = z0;</div><div>[...]<br class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656gmail-Apple-interchange-newline">coords[3*n+0] = xn;</div>coords[3*n+1] = yn;<br class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656gmail-Apple-interchange-newline">coords[3*n+2] = zn;<div></div><div><br></div><div>var polydata = vtkPolyData.newInstance();</div><div>polydata.getPoints().setData(c<wbr>oords, 3);</div><div><br></div><div>Otherwise your approach with <span style="font-size:12.8px">vtkPixelSpaceCallbackMapp<wbr>er seems correct.</span></div><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">Seb</span></div></div><div class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788HOEnZb"><div class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788h5"><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Dec 1, 2017 at 8:01 AM, Cristina Oyarzun <span dir="ltr"><<a href="mailto:coyarzunlaura@googlemail.com" target="_blank">coyarzunlaura@googlemail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>Hello Sebastian,<br></div><div><br></div><div>I am trying to adapt the example to my current problem. I have a render window with 4 renderers. Each renderer has several actors and some of them should get labels next to them. <br></div><div><br></div><div>My plan now is to create a vtkPointSet, and set this as inputData to the vtkPixelSpaceCallbackMapper. Is this correct? <br></div><div><br></div><div>My problem right now is that when I try to set a point in a vtkPoints the vtkPoints remains empty. Do you have any idea what the problem could be? Just to test I simplified the problem to this:</div><div><br></div><div>var Points = vtkPoints.newInstance();</div><div>Points.setPoint(0, 13, 10, 50);</div><div>console.log("Points", Points.getNumberOfPoints());</div><div><br></div><div>And I get always 0.</div><div><br></div><div>Thank you!!</div><span class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656HOEnZb"><font color="#888888"><div>Cristina<br></div><div><br></div></font></span></div><div class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656HOEnZb"><div class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656h5"><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Nov 29, 2017 at 6:59 PM, Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">The example you mention is the right approach for what you are looking for.<div><br></div><div>The reason why you don't need <span style="font-size:12.8px">vtkFollowers+</span><span style="font-size:12.8px">vtkTextActor<wbr>s</span><span style="font-size:12.8px">, is that we have a 2D layer on top of the 3D for which it is trivial to render text that is always facing the camera. ;-)</span></div><div><span style="font-size:12.8px">And we have a mechanism that can convert a set of location in the 3D world into the screen space so those label could be printed. </span></div><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">Let us know if you the example is not enough to get you started.</span></div><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">Seb</span></div></div><div class="gmail_extra"><br><div class="gmail_quote"><div><div class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656m_6139266295649799322h5">On Wed, Nov 29, 2017 at 10:51 AM, Cristina Oyarzun via vtkusers <span dir="ltr"><<a href="mailto:vtkusers@vtk.org" target="_blank">vtkusers@vtk.org</a>></span> wrote:<br></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656m_6139266295649799322h5"><div dir="ltr"><div><div>Hello,<br><br></div>I would like to visualize some numbers next to my actors. I saw an example (Spheres and Labels) where a canvas is created for this purpose. I remember doing this using vtkFollowers in the past. Is there currently some easy way to do this with vtk-js? I mean something similar to vtkFollowers or vtkTextActors?<br></div><div><br></div><div>Thank you!</div><span class="m_-5111066384342687865m_2595640898809969554m_-6967549924749757856m_9137261971481421788m_866608019719133656m_6139266295649799322m_2300117539758602745HOEnZb"><font color="#888888"><div>Cristina<br></div><br></font></span></div>
<br></div></div>______________________________<wbr>_________________<br>
Powered by <a href="http://www.kitware.com" rel="noreferrer" target="_blank">www.kitware.com</a><br>
<br>
Visit other Kitware open-source projects at <a href="http://www.kitware.com/opensource/opensource.html" rel="noreferrer" target="_blank">http://www.kitware.com/opensou<wbr>rce/opensource.html</a><br>
<br>
Please keep messages on-topic and check the VTK FAQ at: <a href="http://www.vtk.org/Wiki/VTK_FAQ" rel="noreferrer" target="_blank">http://www.vtk.org/Wiki/VTK_FA<wbr>Q</a><br>
<br>
Search the list archives at: <a href="http://markmail.org/search/?q=vtkusers" rel="noreferrer" target="_blank">http://markmail.org/search/?q=<wbr>vtkusers</a><br>
<br>
Follow this link to subscribe/unsubscribe:<br>
<a href="http://public.kitware.com/mailman/listinfo/vtkusers" rel="noreferrer" target="_blank">http://public.kitware.com/mail<wbr>man/listinfo/vtkusers</a><br>
<br></blockquote></div><br></div>
</blockquote></div><br></div>
</div></div></blockquote></div><br></div>
</div></div></blockquote></div><br></div>
</div></div></blockquote></div><br></div>
</div></div></blockquote></div><br></div>
</div></div></blockquote></div><br></div>
</div></div></blockquote></div><br></div>