About VTK drawing

[kzslibin]

Hi:
I was trying trame's example vtk_local.py. When I added some functions to it, it doesn't work as my thought.
In function "clear_actors()", actor is not cleard.
In "add_actors()", no new actor is appeard.
In "set_background()", background color is changed, but not GradientBackground.
In "set_orientation()", the view orientation is not being seted.
What's wrong with me?

Program file as follow:

[kzslibin]

from trame.app import get_server
from trame.widgets import vtk, vuetify
from trame.ui.vuetify import SinglePageLayout
from vtkmodules.vtkCommonColor import vtkNamedColors

from vtkmodules.vtkFiltersSources import vtkConeSource
from vtkmodules.vtkRenderingAnnotation import vtkAxesActor, vtkAnnotatedCubeActor
from vtkmodules.vtkRenderingCore import (
    vtkRenderer,
    vtkRenderWindow,
    vtkRenderWindowInteractor,
    vtkPolyDataMapper,
    vtkActor, vtkPropAssembly,
)
from vtkmodules.vtkInteractionStyle import vtkInteractorStyleSwitch  # noqa

# import CameraModel2
# -----------------------------------------------------------------------------
# VTK pipeline
# -----------------------------------------------------------------------------

DEFAULT_RESOLUTION = 6

renderer = vtkRenderer()

renderWindow = vtkRenderWindow()
renderWindow.AddRenderer(renderer)

renderWindowInteractor = vtkRenderWindowInteractor()
renderWindowInteractor.SetRenderWindow(renderWindow)
renderWindowInteractor.GetInteractorStyle().SetCurrentStyleToTrackballCamera()

cone_source = vtkConeSource()
mapper = vtkPolyDataMapper()
actor = vtkActor()
mapper.SetInputConnection(cone_source.GetOutputPort())
actor.SetMapper(mapper)
renderer.AddActor(actor)
renderer.ResetCamera()
renderWindow.Render()

# ren = renderer
# renWin = renderWindow
# iren = renderWindowInteractor


# -----------------------------------------------------------------------------
# trame
# -----------------------------------------------------------------------------

server = get_server(
    # log_network="/Users/sebastien.jourdain/Documents/code/open-source/Web/trame-next/test-examples/logs",
)
state, ctrl = server.state, server.controller

# -----------------------------------------------------------------------------
# Callbacks
# -----------------------------------------------------------------------------


@state.change("resolution")
def update_cone(resolution=DEFAULT_RESOLUTION, **kwargs):
    cone_source.SetResolution(resolution)
    ctrl.view_update()


def update_reset_resolution():
    state.resolution = DEFAULT_RESOLUTION


def clear_actors():
    renderer.RemoveAllViewProps()
    renderWindow.Render()
    ctrl.view_update()


def add_actors():
    colors = vtkNamedColors()
    xyzLabels = ['X', 'Y', 'Z']
    scale = [1.5, -1.5, 1.5]
    axes = MakeCubeActor(scale, xyzLabels, colors)
    renderer.AddActor(axes)
    renderWindow.Render()
    ctrl.view_update()


def MakeAxesActor(scale, xyzLabels):
    """
    :param scale: Sets the scale and direction of the axes.
    :param xyzLabels: Labels for the axes.
    :return: The axes actor.
    """
    axes = vtkAxesActor()
    axes.SetScale(scale)
    axes.SetShaftTypeToCylinder()
    axes.SetXAxisLabelText(xyzLabels[0])
    axes.SetYAxisLabelText(xyzLabels[1])
    axes.SetZAxisLabelText(xyzLabels[2])
    axes.SetCylinderRadius(0.5 * axes.GetCylinderRadius())
    axes.SetConeRadius(1.025 * axes.GetConeRadius())
    axes.SetSphereRadius(1.5 * axes.GetSphereRadius())
    tprop = axes.GetXAxisCaptionActor2D().GetCaptionTextProperty()
    tprop.ItalicOn()
    tprop.ShadowOn()
    tprop.SetFontFamilyToTimes()
    # Use the same text properties on the other two axes.
    axes.GetYAxisCaptionActor2D().GetCaptionTextProperty().ShallowCopy(tprop)
    axes.GetZAxisCaptionActor2D().GetCaptionTextProperty().ShallowCopy(tprop)
    return axes


def MakeAnnotatedCubeActor(colors):
    """
    :param colors: Used to determine the cube color.
    :return: The annotated cube actor.
    """
    # A cube with labeled faces.
    cube = vtkAnnotatedCubeActor()
    cube.SetXPlusFaceText('R')  # Right
    cube.SetXMinusFaceText('L')  # Left
    cube.SetYPlusFaceText('A')  # Anterior
    cube.SetYMinusFaceText('P')  # Posterior
    cube.SetZPlusFaceText('S')  # Superior/Cranial
    cube.SetZMinusFaceText('I')  # Inferior/Caudal
    cube.SetFaceTextScale(0.5)
    cube.GetCubeProperty().SetColor(colors.GetColor3d('Gainsboro'))

    cube.GetTextEdgesProperty().SetColor(colors.GetColor3d('LightSlateGray'))

    # Change the vector text colors.
    cube.GetXPlusFaceProperty().SetColor(colors.GetColor3d('Tomato'))
    cube.GetXMinusFaceProperty().SetColor(colors.GetColor3d('Tomato'))
    cube.GetYPlusFaceProperty().SetColor(colors.GetColor3d('DeepSkyBlue'))
    cube.GetYMinusFaceProperty().SetColor(colors.GetColor3d('DeepSkyBlue'))
    cube.GetZPlusFaceProperty().SetColor(colors.GetColor3d('SeaGreen'))
    cube.GetZMinusFaceProperty().SetColor(colors.GetColor3d('SeaGreen'))
    return cube


def MakeCubeActor(scale, xyzLabels, colors):
    """
    :param scale: Sets the scale and direction of the axes.
    :param xyzLabels: Labels for the axes.
    :param colors: Used to set the colors of the cube faces.
    :return: The combined axes and annotated cube prop.
    """
    # We are combining a vtkAxesActor and a vtkAnnotatedCubeActor
    # into a vtkPropAssembly
    cube = MakeAnnotatedCubeActor(colors)
    axes = MakeAxesActor(scale, xyzLabels)

    # Combine orientation markers into one with an assembly.
    assembly = vtkPropAssembly()
    assembly.AddPart(axes)
    assembly.AddPart(cube)
    return assembly


def set_background():
    renderer.SetBackground(0.0, 0.0, 0.8)
    renderer.SetBackground2(0.529, 0.8078, 0.92157)
    renderer.GradientBackgroundOn()
    # renderWindow.Render()
    ctrl.view_update()


def set_orientation():
    camera = renderer.GetActiveCamera()
    cam_FocalPoint = camera.GetFocalPoint()
    cam_Position = cam_FocalPoint
    dist = cam_Position[2] + camera.GetDistance()

    camera.SetPosition(cam_Position[0], cam_Position[1], dist)
    camera.ComputeViewPlaneNormal()
    camera.SetViewUp(0, 1, 0)
    camera.OrthogonalizeViewUp()
    renderWindow.Render()
    ctrl.view_update()


# Bind on life cycle method
ctrl.on_server_ready.add(update_cone)

# -----------------------------------------------------------------------------
# GUI
# -----------------------------------------------------------------------------

layout = SinglePageLayout(server)
with layout:
    layout.title.set_text("Cone Application")
    layout.icon.click = ctrl.view_reset_camera

    with layout.toolbar:
        vuetify.VSpacer()
        vuetify.VSlider(
            v_model=("resolution", DEFAULT_RESOLUTION),
            min=3,
            max=60,
            step=1,
            hide_details=True,
            dense=True,
            style="max-width: 300px",
        )
        vuetify.VDivider(vertical=True, classes="mx-2")
        with vuetify.VBtn(icon=True, click=update_reset_resolution):
            vuetify.VIcon("mdi-undo-variant")
        with vuetify.VBtn(icon=True, click="$refs.view.resetCamera()"):
            vuetify.VIcon("mdi-crop-free")
        with vuetify.VBtn(icon=True, click=set_orientation):
            vuetify.VIcon("mdi-axis-z-arrow")
        with vuetify.VBtn(icon=True, click=set_background):
            vuetify.VIcon("mdi-alpha-b-box")
        with vuetify.VBtn(icon=True, click=add_actors):
            vuetify.VIcon("mdi-format-annotation-plus")
        with vuetify.VBtn(icon=True, click=clear_actors):
            vuetify.VIcon("mdi-format-clear")

    with layout.content:
        with vuetify.VContainer(
            fluid=True,
            classes="pa-0 fill-height",
        ):
            view = vtk.VtkLocalView(renderWindow, ref="view")
            ctrl.view_update = view.update
            ctrl.view_reset_camera = view.reset_camera


# -----------------------------------------------------------------------------
# Main
# -----------------------------------------------------------------------------

if __name__ == "__main__":
    server.start()

[jourdain]

What happen when you use VtkRemoteView instead of VtkLocalView?

[kzslibin]

It's exit auto.
The process has ended, exit code -1073741819 (0xc0000005)

[jourdain]

Missing that line

[kzslibin]

Thanks! It's available.
So the VtkLocalView can't do all things which VtkRemoteView can do?
Where can I get the guide document of trame (include VTK usage)?

[jourdain]

VtkRemoteView just share images with the client side so anything VTK will work out of the box.

For VtkLocalView it is different as a VTK/C++ vtkRenderWindow with its content get synched into a vtkRenderWindow for vtk.js.
Some features are not available within vtk.js and on top of that a serializer/deserializer needs to be defined. Some of those could easily be added/patched within your code base. Some other may need more time and development.

The trame tutorial goes over trame and some of its vtk integration.

[kzslibin]

And how can I change the toolbar Vslider maximum value dynamic?

[jourdain]

initial_value = 6

vuetify.VSlider(
   v_model=("var_name", initial_value),
   max=("max_slider", 10),
   ...
)

state.max_slider = 60

[rodrigomologni]

Hi @kzslibin!

When I press the "Add Actors" button, the following error is produced:

      !!!No serializer for vtkPropAssembly with id 000001e6750674a0

Were you able to solve this? I'm interesting to use orientation axes in my trame app.

[jourdain]

This is a limitation of VtkRemoteView but that can easily be fixed locally.

[rodrigomologni]

Hi @jourdain!

I guess you meant the opposite since the "Add Actors" button works when I use VtkRemoteView instead of VtkLocalView.

Thank you for answer me.

[jourdain]

yes sorry... VtkRemoteView == Work / VtkLocalView == limitation.