ControlBar

ControlBar adds a bar at the bottom of the canvas that can control animation and other things.

import View3D, { ControlBar } from "@egjs/view3d";
import "@egjs/view3d/css/view3d-control-bar.min.css"; // If you're not using the bundled CSS (view3d-bundle.css)

const view3D = new View3D(...);

view3D.loadPlugins(new ControlBar({
  autoHide: {
    delay: 0
  },
  playButton: false
}));

Options

Option	Type	Default	Description
autoHide	boolean | AutoHideOptions	true	Show control bar only on mouse over
className	object	ControlBar.DEFAULT_CLASS	Override default class names
progressBar	boolean | AnimationProgressBarOptions	true	Show animation progress bar
playButton	boolean | PlayButtonOptions	true	Show animation play / pause button
animationSelector	boolean | AnimationSelectorOptions	true	Show animation selector
fullscreen	boolean | FullscreenButtonOptions	true	Show fullscreen button
navigationGizmo	boolean | NavigationGizmoOptions	true	Show navigation gizmo

Customizing

autoHide: false,
progressBar: { position: "left" },
playButton: { order: 0 },
animationSelector: false,
navigationGizmo: false,
cameraResetButton: false