.. DO NOT EDIT.
.. THIS FILE WAS AUTOMATICALLY GENERATED BY SPHINX-GALLERY.
.. TO MAKE CHANGES, EDIT THE SOURCE PYTHON FILE:
.. "_gallery/feature_demo/skinning_bind_detached.py"
.. LINE NUMBERS ARE GIVEN BELOW.

.. only:: html

    .. note::
        :class: sphx-glr-download-link-note

        :ref:`Go to the end <sphx_glr_download__gallery_feature_demo_skinning_bind_detached.py>`
        to download the full example code.

.. rst-class:: sphx-glr-example-title

.. _sphx_glr__gallery_feature_demo_skinning_bind_detached.py:


Detached Bind Mode
==================

This example demonstrates how to sharing a skeleton across multiple skinned meshes with detached bind mode.

.. GENERATED FROM PYTHON SOURCE LINES 10-16

.. note::

  To run this example, you need a model from the source repo's example
  folder. If you are running this example from a local copy of the code (dev
  install) no further actions are needed. Otherwise, you may have to replace
  the path below to point to the location of the model.

.. GENERATED FROM PYTHON SOURCE LINES 16-28

.. code-block:: Python


    import os
    from pathlib import Path

    try:
        # modify this line if your model is located elsewhere
        model_dir = Path(__file__).parents[1] / "data"
    except NameError:
        # compatibility with sphinx-gallery
        model_dir = Path(os.getcwd()).parent / "data"









.. GENERATED FROM PYTHON SOURCE LINES 29-30

Once the path is set correctly, you can use the model as follows:

.. GENERATED FROM PYTHON SOURCE LINES 30-110

.. code-block:: Python



    import numpy as np
    import pygfx as gfx
    from rendercanvas.auto import RenderCanvas, loop

    gltf_path = model_dir / "Michelle.glb"

    canvas = RenderCanvas(
        size=(640, 480), update_mode="fastest", title="Skinnedmesh", vsync=False
    )

    renderer = gfx.WgpuRenderer(canvas)
    camera = gfx.PerspectiveCamera(75, 640 / 480, depth_range=(0.1, 1000))
    camera.local.position = (0, 100, 200)
    camera.look_at((0, 100, 0))
    scene = gfx.Scene()

    scene.add(gfx.AmbientLight(), gfx.DirectionalLight())


    gltf = gfx.load_gltf(gltf_path, quiet=True)

    # gfx.print_scene_graph(gltf.scene) # Uncomment to see the tree structure

    # Group[Scene]
    # - WorldObject[Character]
    # - - SkinnedMesh[Ch03]
    # - - Bone[mixamorig:Hips]
    # - - - ...

    model_obj = gltf.scene.children[0]
    model_obj.local.scale = (1, 1, 1)
    scene.add(model_obj)

    skinnedmesh = model_obj.children[0]
    skeleton = skinnedmesh.skeleton

    skinnedmesh1 = gfx.SkinnedMesh(skinnedmesh.geometry, skinnedmesh.material)
    skinnedmesh1.local.x = -80
    skinnedmesh1.bind_mode = gfx.BindMode.detached
    skinnedmesh1.bind(skeleton, np.eye(4))

    scene.add(skinnedmesh1)

    skinnedmesh2 = gfx.SkinnedMesh(skinnedmesh.geometry, skinnedmesh.material)
    skinnedmesh2.local.x = 80
    skinnedmesh2.bind_mode = gfx.BindMode.detached
    skinnedmesh2.bind(skeleton, np.eye(4))

    scene.add(skinnedmesh2)

    skeleton_helper = gfx.SkeletonHelper(model_obj)
    scene.add(skeleton_helper)

    gfx.OrbitController(camera, register_events=renderer)

    stats = gfx.Stats(viewport=renderer)

    clock = gfx.Clock()
    mixer = gfx.AnimationMixer()

    action_clip = gltf.animations[0]
    action = mixer.clip_action(action_clip)
    action.play()


    def animate():
        dt = clock.get_delta()
        mixer.update(dt)

        with stats:
            renderer.render(scene, camera, flush=False)
        stats.render()
        canvas.request_draw()


    if __name__ == "__main__":
        renderer.request_draw(animate)
        loop.run()



.. image-sg:: /_gallery/feature_demo/images/sphx_glr_skinning_bind_detached_001.webp
   :alt: skinning bind detached
   :srcset: /_gallery/feature_demo/images/sphx_glr_skinning_bind_detached_001.webp
   :class: sphx-glr-single-img






.. rst-class:: sphx-glr-timing

   **Total running time of the script:** (0 minutes 22.713 seconds)


.. _sphx_glr_download__gallery_feature_demo_skinning_bind_detached.py:

.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-example

    .. container:: sphx-glr-download sphx-glr-download-jupyter

      :download:`Download Jupyter notebook: skinning_bind_detached.ipynb <skinning_bind_detached.ipynb>`

    .. container:: sphx-glr-download sphx-glr-download-python

      :download:`Download Python source code: skinning_bind_detached.py <skinning_bind_detached.py>`

    .. container:: sphx-glr-download sphx-glr-download-zip

      :download:`Download zipped: skinning_bind_detached.zip <skinning_bind_detached.zip>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_

.. only:: html

    Interactive example
    -------------------

    Try this example in your browser using Pyodide. Might not work with all examples and all devices. Check the output and your browser's console for details.

    .. raw:: html

        <iframe src="./../pyodide.html#skinning_bind_detached.py"></iframe>