Sync camera with different view and with itself

[hainm]

• With other views

import nglview as nv

v0 = nv.demo()
v1 = nv.demo()

v0._set_sync_camera([v1])
v1._set_sync_camera([v0])

• With itself

v0._set_sync_camera([v0]) # v0 here, not v1

The sync is done in frontend, there is no roundtrip that causes lagging.

[hainm]

Another code example (for this PR) (the layout is suck but we have the idea).

import nglview as nv
from nglview.sandbox.grid_view import *
from nglview.sandbox.grid_view import _code_set_size
from nglview.sandbox import grid_view as gv
from ipywidgets import *

view = nv.NGLWidget()
view.add_pdbid('1tsu')
view.add_pdbid('1l2y')
p = view.player._display()
p.layout.align_self = 'stretch'
b = grid_view([view, view, view, p], 2, sync_camera=True)
b

[gbayarri]

Here you have another code with HBox that can be useful to someone:

import re
import os
import numpy as np
import nglview
import time
import math
import ipywidgets

selection = '49:A'
view1 = nglview.show_pdbid('2ki5')
view2 = nglview.show_pdbid('2ki5')
view3 = nglview.show_pdbid('2ki5')
view1.clear_representations()
view2.clear_representations()
view3.clear_representations()
view1.add_cartoon(color="sstruc", selection='/0')
view2.add_cartoon(color="sstruc")
view3.add_cartoon(color="sstruc", selection='/0')
view1.add_representation(repr_type='ball+stick',selection= selection)
view2.add_representation(repr_type='ball+stick',selection= selection)
view3.add_representation(repr_type='ball+stick',selection= selection)
view1.add_label(selection+'.CA' ,color='blue', label_type='bondname', radius=5)
view2.add_label(selection+'.CA' ,color='blue', label_type='bondname', radius=5)
view3.add_label(selection+'.CA' ,color='blue', label_type='bondname', radius=5)
view1.camera = 'orthographic'
view2.camera = 'orthographic'
view3.camera = 'orthographic'
view1._remote_call("setSize", target="Widget", args=["500px", "100%"])
view2._remote_call("setSize", target="Widget", args=["500px", "100%"])
view3._remote_call("setSize", target="Widget", args=["500px", "100%"])
view1.center(selection)
view2.center(selection)
view3.center(selection)

hbox = ipywidgets.HBox([view1,view2,view3])
view1._set_sync_camera([view2, view3])
view2._set_sync_camera([view1, view3])
view3._set_sync_camera([view1, view2])
hbox

[hainm]

thanks @gbayarri
I just have a few minor suggestions:

add_representation(repr_type='ball+stick' -> add_ball_and_stick

view1._remote_call("setSize", target="Widget", args=["500px", "100%"])
-> view1.layout.width = '500px' (and so on), this is new feature.

view3.clear_representations()

may be "view3.clear()"

view1 = nglview.show_pdbid('2ki5')
view1.clear_representations()

can be (new feature)

view1 = nglview.show_pdbid('2ki5', default=False) # avoid using the default repr

view1._set_sync_camera([view2, view3])
view2._set_sync_camera([view1, view3])
view3._set_sync_camera([view1, view2])

can be

views = [view1, view2, view3]
view1._set_sync_camera(views) # and so on. You can sync `view`'s camera with its mirrors too.