Loading the demo.
pnpm add @quartifex/dollyNot on npm yet: the first release is pending. The quickstart, API table, browser support and limitations are in the README.
1280 x 800 CSS px · shown at 100%
Scroll inside the screen, drag the slider or jump to a chapter. Damping smooths the camera towards the scroll position.
{
"version": 1,
"spline": "catmullrom",
"keys": [
{
"at": 0,
"position": [
0,
1.4,
7
],
"target": [
0,
1,
0
],
"fov": 32,
"chapter": "Front",
"ease": "inOut"
},
{
"at": 0.35,
"position": [
5,
2.4,
3
],
"target": [
0,
1,
0
],
"fov": 32,
"chapter": "Orbit",
"ease": "inOut"
},
{
"at": 0.7,
"position": [
1.5,
4.5,
-3.5
],
"target": [
0,
1.2,
0
],
"fov": 40,
"chapter": "Top",
"ease": "inOut"
},
{
"at": 1,
"position": [
-1.6,
1.3,
2.2
],
"target": [
0,
1.4,
0
],
"fov": 28,
"chapter": "Close"
}
]
}