autoplay

Typeboolean | AutoplayOptions

Defaulttrue

Enable Y-axis rotation autoplay.
If true is given, it will enable autoplay with the default options.
You can also customize the autoplay with the following properties.

Name	Type	Default	Description
delay	number	2000	Reactivation delay after mouse input in milisecond
delayOnMouseLeave	number	0	Reactivation delay after mouse leave
speed	number	1	Y-axis(yaw) rotation speed
pauseOnHover	boolean	false	Whether to pause rotation on mouse hover
canInterrupt	boolean	true	Whether user can interrupt the rotation with click/wheel input
disableOnInterrupt	boolean	false	Whether to disable autoplay on user interrupt

Example

autoplay: true (default)

{
    src: "/egjs-view3d/model/draco/alarm.glb",
    autoplay: true
}

delay: 5000

{
    src: "/egjs-view3d/model/draco/alarm.glb",
    autoplay: {
        delay: 5000
    }
}

pauseOnHover: true & delayOnMouseLeave: 2000

{
    src: "/egjs-view3d/model/draco/alarm.glb",
    autoplay: {
        delayOnMouseLeave: 2000,
        pauseOnHover: true
    }
}

speed: -5 & canInterrupt: false

{
    src: "/egjs-view3d/model/draco/alarm.glb",
    autoplay: {
        speed: -5,
        canInterrupt: false
    }
}

disableOnInterrupt: true

{
    src: "/egjs-view3d/model/draco/alarm.glb",
    autoplay: {
        disableOnInterrupt: true
    }
}

Assets Used

▪Alarm Clock 01 by Poly Haven licensed under CC0

Example​

autoplay: true (default)​

delay: 5000​

pauseOnHover: true & delayOnMouseLeave: 2000​

speed: -5 & canInterrupt: false​

disableOnInterrupt: true​