Add a zoom animation on an existing NGLVieweR object.
updateZoomMove(NGLVieweR_proxy, center, zoom, duration = 0, z_offSet = 0)
A NGLVieweR object.
Target distance of selected atoms/residues. See the section "selection-language" in the official NGL.js manual.
Target zoom of selected atoms/residues. See the section "selection-language" in the official NGL.js manual.
Optional animation time in milliseconds (default = 0).
Optional zoom offset value (default = 0).
API call containing NGLVieweR
id
and list of message parameters.
NGLVieweR_example()
See example "updatezoomMove".
Other animations:
setRock()
,
setSpin()
,
updateRock()
,
updateSpin()
if (FALSE) {
NGLVieweR_proxy("structure") %>% updateZoomMove(center = "200",
zoom = "200",
z_offSet = 80,
duration = 2000)
}
if (interactive()) {
library(shiny)
ui = fluidPage(
titlePanel("Viewer with API inputs"),
sidebarLayout(
sidebarPanel(
textInput("center", "Center", "200"),
textInput("zoom", "Zoom", "200"),
numericInput("zoomOffset", "Zoom offset", 80,0,100),
numericInput("duration", "Duration", 2000,0,2000),
actionButton("zoom", "Zoom"),
actionButton("reset", "Reset")
),
mainPanel(
NGLVieweROutput("structure")
)
)
)
server = function(input, output) {
output$structure <- renderNGLVieweR({
NGLVieweR("7CID") %>%
addRepresentation("cartoon",
param = list(name = "cartoon", color="red")) %>%
addRepresentation("ball+stick",
param = list(name = "ball+stick", sele="200"))
})
observeEvent(input$zoom, {
NGLVieweR_proxy("structure") %>%
updateZoomMove(
center = isolate(input$center),
zoom = isolate(input$zoom),
z_offSet = isolate(input$zoomOffset),
duration = isolate(input$duration)
)
})
observeEvent(input$reset, {
NGLVieweR_proxy("structure") %>%
updateZoomMove(
center = "*",
zoom = "*",
z_offSet = 0,
duration = 1000
)
})
}
shinyApp(ui, server)
}