@3driseai/3drise-core 1.0.28 → 1.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/autoAnimate/describeScene.js +1 -1
- package/dist/catalog/catalogInfo.d.ts.map +1 -1
- package/dist/catalog/catalogInfo.js +38 -19
- package/dist/catalog/objectCatalog.d.ts.map +1 -1
- package/dist/catalog/objectCatalog.js +6 -2
- package/dist/data/galleryDefaults.d.ts +14 -0
- package/dist/data/galleryDefaults.d.ts.map +1 -0
- package/dist/data/galleryDefaults.js +500 -0
- package/dist/data/imageDefaults.d.ts +10 -0
- package/dist/data/imageDefaults.d.ts.map +1 -0
- package/dist/data/imageDefaults.js +212 -0
- package/dist/data/index.d.ts +2 -0
- package/dist/data/index.d.ts.map +1 -1
- package/dist/data/index.js +2 -0
- package/dist/properties/registry.d.ts +6 -2
- package/dist/properties/registry.d.ts.map +1 -1
- package/dist/properties/registry.js +20 -5
- package/dist/properties/tables/galleryProperties.d.ts +5 -0
- package/dist/properties/tables/galleryProperties.d.ts.map +1 -0
- package/dist/properties/tables/galleryProperties.js +659 -0
- package/dist/properties/tables/imageProperties.d.ts +4 -0
- package/dist/properties/tables/imageProperties.d.ts.map +1 -0
- package/dist/properties/tables/imageProperties.js +231 -0
- package/dist/properties/tables/index.d.ts +2 -0
- package/dist/properties/tables/index.d.ts.map +1 -1
- package/dist/properties/tables/index.js +2 -0
- package/dist/properties/tables/optionalProperties.d.ts +1 -0
- package/dist/properties/tables/optionalProperties.d.ts.map +1 -1
- package/dist/properties/tables/optionalProperties.js +1 -1
- package/dist/properties/types.d.ts +1 -1
- package/dist/properties/types.d.ts.map +1 -1
- package/dist/types/commands.d.ts +10 -1
- package/dist/types/commands.d.ts.map +1 -1
- package/dist/types/galleryObjects.d.ts +1317 -0
- package/dist/types/galleryObjects.d.ts.map +1 -0
- package/dist/types/galleryObjects.js +15 -0
- package/dist/types/imageObjects.d.ts +361 -0
- package/dist/types/imageObjects.d.ts.map +1 -0
- package/dist/types/imageObjects.js +17 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/objectSettings.d.ts +16 -0
- package/dist/types/objectSettings.d.ts.map +1 -1
- package/dist/types/scene3d.d.ts +1 -1
- package/dist/types/scene3d.d.ts.map +1 -1
- package/dist/utils/galleryMigration.d.ts +3 -0
- package/dist/utils/galleryMigration.d.ts.map +1 -0
- package/dist/utils/galleryMigration.js +17 -0
- package/dist/utils/generativeAnimatable.d.ts +1 -1
- package/dist/utils/generativeAnimatable.d.ts.map +1 -1
- package/dist/utils/generativeAnimatable.js +6 -0
- package/dist/utils/getAnimatableProperties.d.ts +1 -1
- package/dist/utils/getAnimatableProperties.d.ts.map +1 -1
- package/dist/utils/getAnimatableProperties.js +1 -1
- package/dist/utils/imageMigration.d.ts +3 -0
- package/dist/utils/imageMigration.d.ts.map +1 -0
- package/dist/utils/imageMigration.js +18 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +2 -0
- package/dist/utils/objectMigration.d.ts.map +1 -1
- package/dist/utils/objectMigration.js +3 -1
- package/package.json +1 -1
|
@@ -0,0 +1,1317 @@
|
|
|
1
|
+
import type { GalleryLayoutSettings } from './gallery';
|
|
2
|
+
export type GalleryObjectType = 'layout' | 'lightThreads' | 'silk' | 'particleShift' | 'glassPanes' | 'halo' | 'loom' | 'basicCarousel' | 'paperLanterns' | 'pinscreen' | 'depthLayers' | 'contourLines' | 'prismSplit' | 'engraving' | 'slats' | 'fold' | 'wireRelief' | 'terraces' | 'shadowBox' | 'popUp' | 'ridgelines' | 'flowLines' | 'strata';
|
|
3
|
+
export interface BaseGalleryObjectConfig {
|
|
4
|
+
enabled: boolean;
|
|
5
|
+
/** The pictures, in order (structural: rebuilds). */
|
|
6
|
+
imageUrls: string[];
|
|
7
|
+
}
|
|
8
|
+
/** Frames of one shape placed on a layout (tiles, circular, spiral, tunnel…); the layout's own fields are GalleryLayoutSettings. */
|
|
9
|
+
export interface LayoutGalleryConfig extends BaseGalleryObjectConfig, Omit<GalleryLayoutSettings, 'imageUrls'> {
|
|
10
|
+
type: 'layout';
|
|
11
|
+
}
|
|
12
|
+
/** Pictures as curtains of fine vertical threads of light, one column of the image each; inactive curtains hang grey and faint, the arriving one fills with colour as light runs down its threads; the cursor brings colour back. */
|
|
13
|
+
export interface LightThreadsGalleryConfig extends BaseGalleryObjectConfig {
|
|
14
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
15
|
+
autoplay: number;
|
|
16
|
+
/** Overall brightness. */
|
|
17
|
+
intensity: number;
|
|
18
|
+
/** Overall opacity. */
|
|
19
|
+
opacity: number;
|
|
20
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
21
|
+
aspect: number;
|
|
22
|
+
/** Threads per picture, one column of the image each (structural: rebuilds). */
|
|
23
|
+
threads: number;
|
|
24
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
25
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
26
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
27
|
+
spacing: number;
|
|
28
|
+
/** How far the inactive pictures stand back. */
|
|
29
|
+
depth: number;
|
|
30
|
+
/** How many neighbours show on each side before they fade out. */
|
|
31
|
+
visible: number;
|
|
32
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
33
|
+
shape: number;
|
|
34
|
+
/** Brightness of the inactive pictures. */
|
|
35
|
+
dim: number;
|
|
36
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
37
|
+
stiffness: number;
|
|
38
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
39
|
+
damping: number;
|
|
40
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
41
|
+
throwing: number;
|
|
42
|
+
/** Seconds the light takes to run down the threads of the arriving picture. */
|
|
43
|
+
restring: number;
|
|
44
|
+
/** How far each thread’s light runs behind its left neighbour’s, so the light sweeps across. */
|
|
45
|
+
sweep: number;
|
|
46
|
+
/** Brightness of the light’s leading edge as it runs down. */
|
|
47
|
+
headGlow: number;
|
|
48
|
+
/** Bead pattern along each thread. */
|
|
49
|
+
beads: number;
|
|
50
|
+
/** Show the rail the threads hang from. */
|
|
51
|
+
rail: boolean;
|
|
52
|
+
/** Colour of the light’s leading edge. */
|
|
53
|
+
threadColor: string;
|
|
54
|
+
/** Colour of the rail. */
|
|
55
|
+
railColor: string;
|
|
56
|
+
/** What the cursor does: off, or a soft light that brings colour back to the faded curtains. */
|
|
57
|
+
pointerMode: 'none' | 'reveal';
|
|
58
|
+
/** Strength of the cursor effect. */
|
|
59
|
+
pointerStrength: number;
|
|
60
|
+
/** Reach of the cursor effect around the cursor. */
|
|
61
|
+
pointerRadius: number;
|
|
62
|
+
/** Colour the cursor effect adds. */
|
|
63
|
+
pointerColor: string;
|
|
64
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
65
|
+
navigation: 'none' | 'click' | 'drag';
|
|
66
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
67
|
+
feeds: string[];
|
|
68
|
+
}
|
|
69
|
+
/** Pictures printed on sheets of silk, each a cloth simulation hanging in a light breeze and lit by the scene with a soft sheen; the cursor is a breath of air on the cloth. */
|
|
70
|
+
export interface SilkGalleryConfig extends BaseGalleryObjectConfig {
|
|
71
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
72
|
+
autoplay: number;
|
|
73
|
+
/** Overall brightness. */
|
|
74
|
+
intensity: number;
|
|
75
|
+
/** Overall opacity. */
|
|
76
|
+
opacity: number;
|
|
77
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
78
|
+
aspect: number;
|
|
79
|
+
/** Cloth resolution across a sheet (structural: rebuilds). */
|
|
80
|
+
resolution: number;
|
|
81
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
82
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
83
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
84
|
+
spacing: number;
|
|
85
|
+
/** How far the inactive pictures stand back. */
|
|
86
|
+
depth: number;
|
|
87
|
+
/** How many neighbours show on each side before they fade out. */
|
|
88
|
+
visible: number;
|
|
89
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
90
|
+
shape: number;
|
|
91
|
+
/** Brightness of the inactive pictures. */
|
|
92
|
+
dim: number;
|
|
93
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
94
|
+
stiffness: number;
|
|
95
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
96
|
+
damping: number;
|
|
97
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
98
|
+
throwing: number;
|
|
99
|
+
/** Strength of the breeze. */
|
|
100
|
+
wind: number;
|
|
101
|
+
/** Weight of the cloth. */
|
|
102
|
+
gravity: number;
|
|
103
|
+
/** Air resistance of the cloth: higher keeps it moving longer. */
|
|
104
|
+
drag: number;
|
|
105
|
+
/** Cloth stiffness passes per frame (higher is stiffer, costs more). */
|
|
106
|
+
iterations: number;
|
|
107
|
+
/** Seconds a let-go sheet takes to fall away. */
|
|
108
|
+
fallTime: number;
|
|
109
|
+
/** Silk sheen along the folds. */
|
|
110
|
+
sheen: number;
|
|
111
|
+
/** What the cursor does: off, a breath of air that follows its movement, or a touch that presses the cloth. */
|
|
112
|
+
pointerMode: 'none' | 'breath' | 'touch';
|
|
113
|
+
/** Strength of the cursor effect. */
|
|
114
|
+
pointerStrength: number;
|
|
115
|
+
/** Reach of the cursor effect around the cursor. */
|
|
116
|
+
pointerRadius: number;
|
|
117
|
+
/** Colour the cursor effect adds. */
|
|
118
|
+
pointerColor: string;
|
|
119
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
120
|
+
navigation: 'none' | 'click' | 'drag';
|
|
121
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
122
|
+
feeds: string[];
|
|
123
|
+
}
|
|
124
|
+
/** Pictures made of particles: inactive ones are a faint grey stipple, the active one fuses into the solid picture in full colour as a small soft wave crosses it; the cursor turns the area it passes back into particles. */
|
|
125
|
+
export interface ParticleShiftGalleryConfig extends BaseGalleryObjectConfig {
|
|
126
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
127
|
+
autoplay: number;
|
|
128
|
+
/** Overall brightness. */
|
|
129
|
+
intensity: number;
|
|
130
|
+
/** Overall opacity. */
|
|
131
|
+
opacity: number;
|
|
132
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
133
|
+
aspect: number;
|
|
134
|
+
/** Particles (and halftone dots) across a picture (structural: rebuilds). */
|
|
135
|
+
grains: number;
|
|
136
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
137
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
138
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
139
|
+
spacing: number;
|
|
140
|
+
/** How far the inactive pictures stand back. */
|
|
141
|
+
depth: number;
|
|
142
|
+
/** How many neighbours show on each side before they fade out. */
|
|
143
|
+
visible: number;
|
|
144
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
145
|
+
shape: number;
|
|
146
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
147
|
+
stiffness: number;
|
|
148
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
149
|
+
damping: number;
|
|
150
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
151
|
+
throwing: number;
|
|
152
|
+
/** Seconds the wave takes to cross a picture. */
|
|
153
|
+
changeTime: number;
|
|
154
|
+
/** Width of the soft wave. */
|
|
155
|
+
wave: number;
|
|
156
|
+
/** How diagonal the wave is. */
|
|
157
|
+
slant: number;
|
|
158
|
+
/** How far the particles rise off the picture as the wave passes. */
|
|
159
|
+
lift: number;
|
|
160
|
+
/** Size of the halftone dots of the waiting pictures. */
|
|
161
|
+
particleSize: number;
|
|
162
|
+
/** Brightness of the waiting pictures. */
|
|
163
|
+
faded: number;
|
|
164
|
+
/** Overall particle size. */
|
|
165
|
+
grain: number;
|
|
166
|
+
/** What the cursor does: off, or turns the area it passes back into a halftone of the picture. */
|
|
167
|
+
pointerMode: 'none' | 'shift';
|
|
168
|
+
/** Strength of the cursor effect. */
|
|
169
|
+
pointerStrength: number;
|
|
170
|
+
/** Radius of the area the cursor turns back into particles. */
|
|
171
|
+
pointerRadius: number;
|
|
172
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
173
|
+
navigation: 'none' | 'click' | 'drag';
|
|
174
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
175
|
+
feeds: string[];
|
|
176
|
+
}
|
|
177
|
+
/** Pictures sealed behind thick panes of physical glass that refract the room and are lit by the scene; the front pane steps forward, the others stand back dimmer. */
|
|
178
|
+
export interface GlassPanesGalleryConfig extends BaseGalleryObjectConfig {
|
|
179
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
180
|
+
autoplay: number;
|
|
181
|
+
/** Overall brightness. */
|
|
182
|
+
intensity: number;
|
|
183
|
+
/** Overall opacity. */
|
|
184
|
+
opacity: number;
|
|
185
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
186
|
+
aspect: number;
|
|
187
|
+
/** Thickness of the glass slab (structural: rebuilds). */
|
|
188
|
+
thickness: number;
|
|
189
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
190
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
191
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
192
|
+
spacing: number;
|
|
193
|
+
/** How far the inactive pictures stand back. */
|
|
194
|
+
depth: number;
|
|
195
|
+
/** How many neighbours show on each side before they fade out. */
|
|
196
|
+
visible: number;
|
|
197
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
198
|
+
shape: number;
|
|
199
|
+
/** Brightness of the inactive pictures. */
|
|
200
|
+
dim: number;
|
|
201
|
+
/** How far the front pane steps forward. */
|
|
202
|
+
focusLift: number;
|
|
203
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
204
|
+
stiffness: number;
|
|
205
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
206
|
+
damping: number;
|
|
207
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
208
|
+
throwing: number;
|
|
209
|
+
/** Frosting of the glass. */
|
|
210
|
+
roughness: number;
|
|
211
|
+
/** Index of refraction of the glass. */
|
|
212
|
+
ior: number;
|
|
213
|
+
/** Tint of the glass. */
|
|
214
|
+
tint: string;
|
|
215
|
+
/** What the cursor does: off, or the panes near it tilt toward it. */
|
|
216
|
+
pointerMode: 'none' | 'tilt';
|
|
217
|
+
/** Strength of the cursor effect. */
|
|
218
|
+
pointerStrength: number;
|
|
219
|
+
/** Reach of the cursor effect around the cursor. */
|
|
220
|
+
pointerRadius: number;
|
|
221
|
+
/** Colour the cursor effect adds. */
|
|
222
|
+
pointerColor: string;
|
|
223
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
224
|
+
navigation: 'none' | 'click' | 'drag';
|
|
225
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
226
|
+
feeds: string[];
|
|
227
|
+
}
|
|
228
|
+
/** Scene-lit prints on a tilted ring; the picture that comes round to the front steps out toward the viewer, grows and comes to full colour while the others ride the ring faded and grey. */
|
|
229
|
+
export interface HaloGalleryConfig extends BaseGalleryObjectConfig {
|
|
230
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
231
|
+
autoplay: number;
|
|
232
|
+
/** Overall brightness. */
|
|
233
|
+
intensity: number;
|
|
234
|
+
/** Overall opacity. */
|
|
235
|
+
opacity: number;
|
|
236
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
237
|
+
aspect: number;
|
|
238
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
239
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
240
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
241
|
+
spacing: number;
|
|
242
|
+
/** How far the inactive pictures stand back. */
|
|
243
|
+
depth: number;
|
|
244
|
+
/** How many neighbours show on each side before they fade out. */
|
|
245
|
+
visible: number;
|
|
246
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
247
|
+
shape: number;
|
|
248
|
+
/** How far the front picture steps out toward the viewer. */
|
|
249
|
+
stepOut: number;
|
|
250
|
+
/** How much the front picture grows. */
|
|
251
|
+
focusScale: number;
|
|
252
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
253
|
+
stiffness: number;
|
|
254
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
255
|
+
damping: number;
|
|
256
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
257
|
+
throwing: number;
|
|
258
|
+
/** Seconds a picture takes to step out and come to colour. */
|
|
259
|
+
changeTime: number;
|
|
260
|
+
/** Brightness of the inactive pictures. */
|
|
261
|
+
dim: number;
|
|
262
|
+
/** Roughness of the prints under the scene’s light. */
|
|
263
|
+
roughness: number;
|
|
264
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
265
|
+
navigation: 'none' | 'click' | 'drag';
|
|
266
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
267
|
+
feeds: string[];
|
|
268
|
+
}
|
|
269
|
+
/** Pictures woven on a loom: inactive ones are a sparse grey weave of thin threads over a fine warp, the active one is woven closed in full colour by a soft diagonal wave; the cursor reveals colour on the weave. */
|
|
270
|
+
export interface LoomGalleryConfig extends BaseGalleryObjectConfig {
|
|
271
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
272
|
+
autoplay: number;
|
|
273
|
+
/** Overall brightness. */
|
|
274
|
+
intensity: number;
|
|
275
|
+
/** Overall opacity. */
|
|
276
|
+
opacity: number;
|
|
277
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
278
|
+
aspect: number;
|
|
279
|
+
/** Warp threads across a picture (structural: rebuilds). */
|
|
280
|
+
warp: number;
|
|
281
|
+
/** Weft rows down a picture (structural: rebuilds). */
|
|
282
|
+
weft: number;
|
|
283
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
284
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
285
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
286
|
+
spacing: number;
|
|
287
|
+
/** How far the inactive pictures stand back. */
|
|
288
|
+
depth: number;
|
|
289
|
+
/** How many neighbours show on each side before they fade out. */
|
|
290
|
+
visible: number;
|
|
291
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
292
|
+
shape: number;
|
|
293
|
+
/** Brightness of the inactive pictures. */
|
|
294
|
+
dim: number;
|
|
295
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
296
|
+
stiffness: number;
|
|
297
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
298
|
+
damping: number;
|
|
299
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
300
|
+
throwing: number;
|
|
301
|
+
/** Seconds the weaving wave takes to close the active picture. */
|
|
302
|
+
weaveTime: number;
|
|
303
|
+
/** Seconds a leaving picture takes to unravel back to grey. */
|
|
304
|
+
unravelTime: number;
|
|
305
|
+
/** Softness of the weaving wave. */
|
|
306
|
+
wave: number;
|
|
307
|
+
/** How diagonal the weaving wave is. */
|
|
308
|
+
slant: number;
|
|
309
|
+
/** Thickness of the inactive weft threads. */
|
|
310
|
+
thread: number;
|
|
311
|
+
/** A faint brightening on the wave while it weaves. */
|
|
312
|
+
shuttle: number;
|
|
313
|
+
/** Over / under offset of the weft rows. */
|
|
314
|
+
weave: number;
|
|
315
|
+
/** Brightness of the warp threads. */
|
|
316
|
+
warpGlow: number;
|
|
317
|
+
/** Colour of the warp threads. */
|
|
318
|
+
warpColor: string;
|
|
319
|
+
/** Colour of the brightening on the wave. */
|
|
320
|
+
shuttleColor: string;
|
|
321
|
+
/** What the cursor does: off, or reveals colour on the grey weave. */
|
|
322
|
+
pointerMode: 'none' | 'reveal';
|
|
323
|
+
/** Strength of the cursor effect. */
|
|
324
|
+
pointerStrength: number;
|
|
325
|
+
/** Reach of the cursor effect around the cursor. */
|
|
326
|
+
pointerRadius: number;
|
|
327
|
+
/** Colour the cursor effect adds. */
|
|
328
|
+
pointerColor: string;
|
|
329
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
330
|
+
navigation: 'none' | 'click' | 'drag';
|
|
331
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
332
|
+
feeds: string[];
|
|
333
|
+
}
|
|
334
|
+
/** A coverflow carousel of framed pictures on a damped scroll with drag, throw and snap, a lifted centre frame and a soft floor reflection; the cursor tilts or lifts the frames. */
|
|
335
|
+
export interface BasicCarouselGalleryConfig extends BaseGalleryObjectConfig {
|
|
336
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
337
|
+
autoplay: number;
|
|
338
|
+
/** Overall brightness. */
|
|
339
|
+
intensity: number;
|
|
340
|
+
/** Overall opacity. */
|
|
341
|
+
opacity: number;
|
|
342
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
343
|
+
aspect: number;
|
|
344
|
+
/** Distance between neighbouring frames, in frame widths. */
|
|
345
|
+
spacing: number;
|
|
346
|
+
/** Shape of the carousel: 0 = a flat row, 1 = a circle. */
|
|
347
|
+
curve: number;
|
|
348
|
+
/** Coverflow turn of the neighbours (radians). */
|
|
349
|
+
tilt: number;
|
|
350
|
+
/** How far the neighbours recede. */
|
|
351
|
+
depth: number;
|
|
352
|
+
/** Frames on each side before they fade out. */
|
|
353
|
+
visible: number;
|
|
354
|
+
/** Scale of the centre frame. */
|
|
355
|
+
focusScale: number;
|
|
356
|
+
/** How far the centre frame comes forward. */
|
|
357
|
+
focusLift: number;
|
|
358
|
+
/** Extra forward travel when the centre frame is focused. */
|
|
359
|
+
focusAmount: number;
|
|
360
|
+
/** Darkening of the neighbours. */
|
|
361
|
+
dim: number;
|
|
362
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
363
|
+
stiffness: number;
|
|
364
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
365
|
+
damping: number;
|
|
366
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
367
|
+
throwing: number;
|
|
368
|
+
/** Slow idle float of the frames. */
|
|
369
|
+
breathe: number;
|
|
370
|
+
/** Strength of the floor reflection. */
|
|
371
|
+
reflection: number;
|
|
372
|
+
/** Gap between the frames and the reflecting floor. */
|
|
373
|
+
floorGap: number;
|
|
374
|
+
/** Frame border width, in frame units. */
|
|
375
|
+
border: number;
|
|
376
|
+
/** Colour of the frame border. */
|
|
377
|
+
borderColor: string;
|
|
378
|
+
/** Colour of the frames’ backs. */
|
|
379
|
+
backColor: string;
|
|
380
|
+
/** What the cursor does: off, tilts the frames near it toward it, or lifts the frame under it. */
|
|
381
|
+
pointerMode: 'none' | 'tilt' | 'lift';
|
|
382
|
+
/** Strength of the cursor effect. */
|
|
383
|
+
pointerStrength: number;
|
|
384
|
+
/** Reach of the cursor effect around the cursor. */
|
|
385
|
+
pointerRadius: number;
|
|
386
|
+
/** Colour the cursor effect adds. */
|
|
387
|
+
pointerColor: string;
|
|
388
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
389
|
+
navigation: 'none' | 'click' | 'drag';
|
|
390
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
391
|
+
feeds: string[];
|
|
392
|
+
}
|
|
393
|
+
/** Paper lanterns hanging from a sagging rope, one picture printed around each, swinging as real pendulums in a breeze; the front lantern hangs lower and glows from inside. */
|
|
394
|
+
export interface PaperLanternsGalleryConfig extends BaseGalleryObjectConfig {
|
|
395
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
396
|
+
autoplay: number;
|
|
397
|
+
/** Overall brightness. */
|
|
398
|
+
intensity: number;
|
|
399
|
+
/** Overall opacity. */
|
|
400
|
+
opacity: number;
|
|
401
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
402
|
+
aspect: number;
|
|
403
|
+
/** Radius of a lantern (structural: rebuilds). */
|
|
404
|
+
radius: number;
|
|
405
|
+
/** Distance between lanterns along the rope. */
|
|
406
|
+
spacing: number;
|
|
407
|
+
/** Sag of the rope between its posts. */
|
|
408
|
+
sag: number;
|
|
409
|
+
/** Length of the rope. */
|
|
410
|
+
span: number;
|
|
411
|
+
/** Length of each lantern’s cord. */
|
|
412
|
+
cord: number;
|
|
413
|
+
/** How much lower the front lantern hangs. */
|
|
414
|
+
focusDrop: number;
|
|
415
|
+
/** How far the front lantern comes toward the viewer. */
|
|
416
|
+
focusLift: number;
|
|
417
|
+
/** Lanterns on each side before they fade out. */
|
|
418
|
+
visible: number;
|
|
419
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
420
|
+
stiffness: number;
|
|
421
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
422
|
+
damping: number;
|
|
423
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
424
|
+
throwing: number;
|
|
425
|
+
/** Gravity of the pendulums: higher swings faster. */
|
|
426
|
+
gravity: number;
|
|
427
|
+
/** How quickly a swing dies down. */
|
|
428
|
+
swingDamping: number;
|
|
429
|
+
/** Strength of the breeze through the lanterns. */
|
|
430
|
+
wind: number;
|
|
431
|
+
/** How strongly a change tugs the rope (a wave of swings). */
|
|
432
|
+
tug: number;
|
|
433
|
+
/** Soft glow around the front lantern. */
|
|
434
|
+
glow: number;
|
|
435
|
+
/** Brightness of the lamp inside the front lantern. */
|
|
436
|
+
lamp: number;
|
|
437
|
+
/** Colour of the lamp. */
|
|
438
|
+
lampColor: string;
|
|
439
|
+
/** Colour of the lantern paper. */
|
|
440
|
+
paperColor: string;
|
|
441
|
+
/** Colour of the paper’s lit rim. */
|
|
442
|
+
rimColor: string;
|
|
443
|
+
/** Colour of the lantern rings. */
|
|
444
|
+
ringColor: string;
|
|
445
|
+
/** What the cursor does: off, a breeze that sets the lanterns near it swinging, or a glow on the lantern under it. */
|
|
446
|
+
pointerMode: 'none' | 'breeze' | 'glow';
|
|
447
|
+
/** Strength of the cursor effect. */
|
|
448
|
+
pointerStrength: number;
|
|
449
|
+
/** Reach of the cursor effect around the cursor. */
|
|
450
|
+
pointerRadius: number;
|
|
451
|
+
/** Colour the cursor effect adds. */
|
|
452
|
+
pointerColor: string;
|
|
453
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
454
|
+
navigation: 'none' | 'click' | 'drag';
|
|
455
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
456
|
+
feeds: string[];
|
|
457
|
+
}
|
|
458
|
+
/** Pictures as beds of fine pins lit by the scene: inactive ones are a flat grey bed, the active one is pushed out by a soft wave into a relief in full colour; the cursor presses the pins in. */
|
|
459
|
+
export interface PinscreenGalleryConfig extends BaseGalleryObjectConfig {
|
|
460
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
461
|
+
autoplay: number;
|
|
462
|
+
/** Overall brightness. */
|
|
463
|
+
intensity: number;
|
|
464
|
+
/** Overall opacity. */
|
|
465
|
+
opacity: number;
|
|
466
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
467
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
468
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
469
|
+
spacing: number;
|
|
470
|
+
/** How far the inactive pictures stand back. */
|
|
471
|
+
depth: number;
|
|
472
|
+
/** How many neighbours show on each side before they fade out. */
|
|
473
|
+
visible: number;
|
|
474
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
475
|
+
shape: number;
|
|
476
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
477
|
+
stiffness: number;
|
|
478
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
479
|
+
damping: number;
|
|
480
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
481
|
+
throwing: number;
|
|
482
|
+
/** Seconds the change takes to cross a picture. */
|
|
483
|
+
changeTime: number;
|
|
484
|
+
/** Width of the soft change wave. */
|
|
485
|
+
wave: number;
|
|
486
|
+
/** How diagonal the change wave is. */
|
|
487
|
+
slant: number;
|
|
488
|
+
/** Brightness of the inactive pictures. */
|
|
489
|
+
dim: number;
|
|
490
|
+
/** Strength of the cursor effect. */
|
|
491
|
+
pointerStrength: number;
|
|
492
|
+
/** Reach of the cursor effect around the cursor. */
|
|
493
|
+
pointerRadius: number;
|
|
494
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
495
|
+
aspect: number;
|
|
496
|
+
/** Pins across a picture (structural: rebuilds). */
|
|
497
|
+
pins: number;
|
|
498
|
+
/** How far the brightest pins stand out. */
|
|
499
|
+
relief: number;
|
|
500
|
+
/** Pin width, as a share of the spacing. */
|
|
501
|
+
pinSize: number;
|
|
502
|
+
/** Relief of the darkest pins, as a share of the brightest. */
|
|
503
|
+
base: number;
|
|
504
|
+
/** Roughness of the pins under the scene’s light. */
|
|
505
|
+
roughness: number;
|
|
506
|
+
/** Metalness of the pins. */
|
|
507
|
+
metalness: number;
|
|
508
|
+
/** Colour of the board the pins stand in. */
|
|
509
|
+
boardColor: string;
|
|
510
|
+
/** What the cursor does: off, or presses the pins in. */
|
|
511
|
+
pointerMode: 'none' | 'press';
|
|
512
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
513
|
+
navigation: 'none' | 'click' | 'drag';
|
|
514
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
515
|
+
feeds: string[];
|
|
516
|
+
}
|
|
517
|
+
/** Pictures split by brightness into thin sheets floating in depth: inactive ones are collapsed into one faint grey sheet, the active one opens into depth in full colour and its sheets slide past each other with real parallax. */
|
|
518
|
+
export interface DepthLayersGalleryConfig extends BaseGalleryObjectConfig {
|
|
519
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
520
|
+
autoplay: number;
|
|
521
|
+
/** Overall brightness. */
|
|
522
|
+
intensity: number;
|
|
523
|
+
/** Overall opacity. */
|
|
524
|
+
opacity: number;
|
|
525
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
526
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
527
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
528
|
+
spacing: number;
|
|
529
|
+
/** How far the inactive pictures stand back. */
|
|
530
|
+
depth: number;
|
|
531
|
+
/** How many neighbours show on each side before they fade out. */
|
|
532
|
+
visible: number;
|
|
533
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
534
|
+
shape: number;
|
|
535
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
536
|
+
stiffness: number;
|
|
537
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
538
|
+
damping: number;
|
|
539
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
540
|
+
throwing: number;
|
|
541
|
+
/** Seconds the change takes to cross a picture. */
|
|
542
|
+
changeTime: number;
|
|
543
|
+
/** Width of the soft change wave. */
|
|
544
|
+
wave: number;
|
|
545
|
+
/** How diagonal the change wave is. */
|
|
546
|
+
slant: number;
|
|
547
|
+
/** Brightness of the inactive pictures. */
|
|
548
|
+
dim: number;
|
|
549
|
+
/** Strength of the cursor effect. */
|
|
550
|
+
pointerStrength: number;
|
|
551
|
+
/** Reach of the cursor effect around the cursor. */
|
|
552
|
+
pointerRadius: number;
|
|
553
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
554
|
+
aspect: number;
|
|
555
|
+
/** Sheets per picture (structural: rebuilds). */
|
|
556
|
+
layers: number;
|
|
557
|
+
/** Distance between the sheets when open. */
|
|
558
|
+
separation: number;
|
|
559
|
+
/** Softness of each sheet’s brightness threshold. */
|
|
560
|
+
softness: number;
|
|
561
|
+
/** Brightness of the fine edge along each sheet. */
|
|
562
|
+
edge: number;
|
|
563
|
+
/** What the cursor does: off, or opens the sheets further where it passes. */
|
|
564
|
+
pointerMode: 'none' | 'open';
|
|
565
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
566
|
+
navigation: 'none' | 'click' | 'drag';
|
|
567
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
568
|
+
feeds: string[];
|
|
569
|
+
}
|
|
570
|
+
/** Pictures drawn as the contour lines of their own brightness, like a topographic map: inactive ones are a few thin grey lines, the active one fills in as a soft wave thickens the lines into the solid picture; the cursor lifts the contours into relief. */
|
|
571
|
+
export interface ContourLinesGalleryConfig extends BaseGalleryObjectConfig {
|
|
572
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
573
|
+
autoplay: number;
|
|
574
|
+
/** Overall brightness. */
|
|
575
|
+
intensity: number;
|
|
576
|
+
/** Overall opacity. */
|
|
577
|
+
opacity: number;
|
|
578
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
579
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
580
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
581
|
+
spacing: number;
|
|
582
|
+
/** How far the inactive pictures stand back. */
|
|
583
|
+
depth: number;
|
|
584
|
+
/** How many neighbours show on each side before they fade out. */
|
|
585
|
+
visible: number;
|
|
586
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
587
|
+
shape: number;
|
|
588
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
589
|
+
stiffness: number;
|
|
590
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
591
|
+
damping: number;
|
|
592
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
593
|
+
throwing: number;
|
|
594
|
+
/** Seconds the change takes to cross a picture. */
|
|
595
|
+
changeTime: number;
|
|
596
|
+
/** Width of the soft change wave. */
|
|
597
|
+
wave: number;
|
|
598
|
+
/** How diagonal the change wave is. */
|
|
599
|
+
slant: number;
|
|
600
|
+
/** Brightness of the inactive pictures. */
|
|
601
|
+
dim: number;
|
|
602
|
+
/** Strength of the cursor effect. */
|
|
603
|
+
pointerStrength: number;
|
|
604
|
+
/** Reach of the cursor effect around the cursor. */
|
|
605
|
+
pointerRadius: number;
|
|
606
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
607
|
+
aspect: number;
|
|
608
|
+
/** Contour levels over the full brightness range. */
|
|
609
|
+
levels: number;
|
|
610
|
+
/** An inactive picture shows every n-th level. */
|
|
611
|
+
sparse: number;
|
|
612
|
+
/** Width of an inactive line, as a share of the level spacing. */
|
|
613
|
+
lineWidth: number;
|
|
614
|
+
/** How much the brightness is smoothed before the contours are drawn. */
|
|
615
|
+
smoothing: number;
|
|
616
|
+
/** What the cursor does: off, or lifts the contours into relief. */
|
|
617
|
+
pointerMode: 'none' | 'lift';
|
|
618
|
+
/** Height of the cursor’s relief. */
|
|
619
|
+
lift: number;
|
|
620
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
621
|
+
navigation: 'none' | 'click' | 'drag';
|
|
622
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
623
|
+
feeds: string[];
|
|
624
|
+
}
|
|
625
|
+
/** Pictures as their red, green and blue channels on three planes of light: inactive ones stand apart in depth, dim with soft colour fringes, the active one slides together into the true picture behind a soft wave; the cursor splits it again. */
|
|
626
|
+
export interface PrismSplitGalleryConfig extends BaseGalleryObjectConfig {
|
|
627
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
628
|
+
autoplay: number;
|
|
629
|
+
/** Overall brightness. */
|
|
630
|
+
intensity: number;
|
|
631
|
+
/** Overall opacity. */
|
|
632
|
+
opacity: number;
|
|
633
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
634
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
635
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
636
|
+
spacing: number;
|
|
637
|
+
/** How far the inactive pictures stand back. */
|
|
638
|
+
depth: number;
|
|
639
|
+
/** How many neighbours show on each side before they fade out. */
|
|
640
|
+
visible: number;
|
|
641
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
642
|
+
shape: number;
|
|
643
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
644
|
+
stiffness: number;
|
|
645
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
646
|
+
damping: number;
|
|
647
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
648
|
+
throwing: number;
|
|
649
|
+
/** Seconds the change takes to cross a picture. */
|
|
650
|
+
changeTime: number;
|
|
651
|
+
/** Width of the soft change wave. */
|
|
652
|
+
wave: number;
|
|
653
|
+
/** How diagonal the change wave is. */
|
|
654
|
+
slant: number;
|
|
655
|
+
/** Brightness of the inactive pictures. */
|
|
656
|
+
dim: number;
|
|
657
|
+
/** Strength of the cursor effect. */
|
|
658
|
+
pointerStrength: number;
|
|
659
|
+
/** Reach of the cursor effect around the cursor. */
|
|
660
|
+
pointerRadius: number;
|
|
661
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
662
|
+
aspect: number;
|
|
663
|
+
/** Depth between the colour planes of an inactive picture. */
|
|
664
|
+
split: number;
|
|
665
|
+
/** Sideways offset of the planes, as a share of the split. */
|
|
666
|
+
dispersion: number;
|
|
667
|
+
/** Colour of an inactive picture. */
|
|
668
|
+
saturation: number;
|
|
669
|
+
/** What the cursor does: off, or splits the colour planes apart again. */
|
|
670
|
+
pointerMode: 'none' | 'split';
|
|
671
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
672
|
+
navigation: 'none' | 'click' | 'drag';
|
|
673
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
674
|
+
feeds: string[];
|
|
675
|
+
}
|
|
676
|
+
/** Pictures drawn as banknote engraving, fine parallel lines bent and widened by the picture’s tone: inactive ones are a faint grey hatch, the active one thickens into full colour behind a soft wave; the cursor turns the hatching under it. */
|
|
677
|
+
export interface EngravingGalleryConfig extends BaseGalleryObjectConfig {
|
|
678
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
679
|
+
autoplay: number;
|
|
680
|
+
/** Overall brightness. */
|
|
681
|
+
intensity: number;
|
|
682
|
+
/** Overall opacity. */
|
|
683
|
+
opacity: number;
|
|
684
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
685
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
686
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
687
|
+
spacing: number;
|
|
688
|
+
/** How far the inactive pictures stand back. */
|
|
689
|
+
depth: number;
|
|
690
|
+
/** How many neighbours show on each side before they fade out. */
|
|
691
|
+
visible: number;
|
|
692
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
693
|
+
shape: number;
|
|
694
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
695
|
+
stiffness: number;
|
|
696
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
697
|
+
damping: number;
|
|
698
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
699
|
+
throwing: number;
|
|
700
|
+
/** Seconds the change takes to cross a picture. */
|
|
701
|
+
changeTime: number;
|
|
702
|
+
/** Width of the soft change wave. */
|
|
703
|
+
wave: number;
|
|
704
|
+
/** How diagonal the change wave is. */
|
|
705
|
+
slant: number;
|
|
706
|
+
/** Brightness of the inactive pictures. */
|
|
707
|
+
dim: number;
|
|
708
|
+
/** Strength of the cursor effect. */
|
|
709
|
+
pointerStrength: number;
|
|
710
|
+
/** Reach of the cursor effect around the cursor. */
|
|
711
|
+
pointerRadius: number;
|
|
712
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
713
|
+
aspect: number;
|
|
714
|
+
/** Lines across the picture. */
|
|
715
|
+
lines: number;
|
|
716
|
+
/** Angle of the hatching (degrees). */
|
|
717
|
+
angle: number;
|
|
718
|
+
/** How much the picture’s tone bends the lines. */
|
|
719
|
+
bend: number;
|
|
720
|
+
/** Width of an inactive line, as a share of a bright line. */
|
|
721
|
+
hairline: number;
|
|
722
|
+
/** What the cursor does: off, or turns the hatching under it. */
|
|
723
|
+
pointerMode: 'none' | 'turn';
|
|
724
|
+
/** How far the cursor turns the hatching (radians). */
|
|
725
|
+
turn: number;
|
|
726
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
727
|
+
navigation: 'none' | 'click' | 'drag';
|
|
728
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
729
|
+
feeds: string[];
|
|
730
|
+
}
|
|
731
|
+
/** Pictures cut into thin vertical slats lit by the scene: inactive ones stand nearly edge-on as fine grey lines, the active one turns its slats to face you in a soft wave, closing into the picture; the cursor turns the slats near it. */
|
|
732
|
+
export interface SlatsGalleryConfig extends BaseGalleryObjectConfig {
|
|
733
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
734
|
+
autoplay: number;
|
|
735
|
+
/** Overall brightness. */
|
|
736
|
+
intensity: number;
|
|
737
|
+
/** Overall opacity. */
|
|
738
|
+
opacity: number;
|
|
739
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
740
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
741
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
742
|
+
spacing: number;
|
|
743
|
+
/** How far the inactive pictures stand back. */
|
|
744
|
+
depth: number;
|
|
745
|
+
/** How many neighbours show on each side before they fade out. */
|
|
746
|
+
visible: number;
|
|
747
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
748
|
+
shape: number;
|
|
749
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
750
|
+
stiffness: number;
|
|
751
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
752
|
+
damping: number;
|
|
753
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
754
|
+
throwing: number;
|
|
755
|
+
/** Seconds the change takes to cross a picture. */
|
|
756
|
+
changeTime: number;
|
|
757
|
+
/** Width of the soft change wave. */
|
|
758
|
+
wave: number;
|
|
759
|
+
/** How diagonal the change wave is. */
|
|
760
|
+
slant: number;
|
|
761
|
+
/** Brightness of the inactive pictures. */
|
|
762
|
+
dim: number;
|
|
763
|
+
/** Strength of the cursor effect. */
|
|
764
|
+
pointerStrength: number;
|
|
765
|
+
/** Reach of the cursor effect around the cursor. */
|
|
766
|
+
pointerRadius: number;
|
|
767
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
768
|
+
aspect: number;
|
|
769
|
+
/** Slats across a picture (structural: rebuilds). */
|
|
770
|
+
slats: number;
|
|
771
|
+
/** How far an inactive picture’s slats are turned (degrees). */
|
|
772
|
+
turn: number;
|
|
773
|
+
/** Thickness of a slat. */
|
|
774
|
+
thickness: number;
|
|
775
|
+
/** Gap between slats, as a share of a slat. */
|
|
776
|
+
gap: number;
|
|
777
|
+
/** Roughness of the slats under the scene’s light. */
|
|
778
|
+
roughness: number;
|
|
779
|
+
/** Metalness of the slats. */
|
|
780
|
+
metalness: number;
|
|
781
|
+
/** Colour of the slats’ backs and edges. */
|
|
782
|
+
backColor: string;
|
|
783
|
+
/** What the cursor does: off, or turns the slats near it. */
|
|
784
|
+
pointerMode: 'none' | 'turn';
|
|
785
|
+
/** How far the cursor turns the slats (degrees). */
|
|
786
|
+
pointerTurn: number;
|
|
787
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
788
|
+
navigation: 'none' | 'click' | 'drag';
|
|
789
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
790
|
+
feeds: string[];
|
|
791
|
+
}
|
|
792
|
+
/** Pictures printed on paper folded in one of six ways (accordion, herringbone, fan, scroll, page curl, crumple) and lit by the scene: inactive ones are folded tight and grey, the active one unfolds flat into full colour; the cursor presses a dent into it. */
|
|
793
|
+
export interface FoldGalleryConfig extends BaseGalleryObjectConfig {
|
|
794
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
795
|
+
autoplay: number;
|
|
796
|
+
/** Overall brightness. */
|
|
797
|
+
intensity: number;
|
|
798
|
+
/** Overall opacity. */
|
|
799
|
+
opacity: number;
|
|
800
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
801
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
802
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
803
|
+
spacing: number;
|
|
804
|
+
/** How far the inactive pictures stand back. */
|
|
805
|
+
depth: number;
|
|
806
|
+
/** How many neighbours show on each side before they fade out. */
|
|
807
|
+
visible: number;
|
|
808
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
809
|
+
shape: number;
|
|
810
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
811
|
+
stiffness: number;
|
|
812
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
813
|
+
damping: number;
|
|
814
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
815
|
+
throwing: number;
|
|
816
|
+
/** Seconds the change takes to cross a picture. */
|
|
817
|
+
changeTime: number;
|
|
818
|
+
/** Width of the soft change wave. */
|
|
819
|
+
wave: number;
|
|
820
|
+
/** How diagonal the change wave is. */
|
|
821
|
+
slant: number;
|
|
822
|
+
/** Brightness of the inactive pictures. */
|
|
823
|
+
dim: number;
|
|
824
|
+
/** Strength of the cursor effect. */
|
|
825
|
+
pointerStrength: number;
|
|
826
|
+
/** Reach of the cursor effect around the cursor. */
|
|
827
|
+
pointerRadius: number;
|
|
828
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
829
|
+
aspect: number;
|
|
830
|
+
/** Panels across a picture — the fold’s scale (structural: rebuilds). */
|
|
831
|
+
panels: number;
|
|
832
|
+
/** How the paper is folded: accordion, herringbone, hand fan, scroll, page curl or crumpled. */
|
|
833
|
+
foldType: 'accordion' | 'miura' | 'fan' | 'roll' | 'curl' | 'crumple';
|
|
834
|
+
/** Fold angle of an inactive picture (degrees; accordion, herringbone, hand fan). */
|
|
835
|
+
folded: number;
|
|
836
|
+
/** The soft creases an unfolded sheet keeps (degrees). */
|
|
837
|
+
creases: number;
|
|
838
|
+
/** Radius of the scroll and the page curl. */
|
|
839
|
+
rollRadius: number;
|
|
840
|
+
/** Depth of the crumpled creases. */
|
|
841
|
+
crumple: number;
|
|
842
|
+
/** Roughness of the paper under the scene’s light. */
|
|
843
|
+
roughness: number;
|
|
844
|
+
/** Colour of the paper’s back. */
|
|
845
|
+
paperColor: string;
|
|
846
|
+
/** What the cursor does: off, or presses a dent into the paper. */
|
|
847
|
+
pointerMode: 'none' | 'press';
|
|
848
|
+
/** Depth of the cursor’s dent. */
|
|
849
|
+
press: number;
|
|
850
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
851
|
+
navigation: 'none' | 'click' | 'drag';
|
|
852
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
853
|
+
feeds: string[];
|
|
854
|
+
}
|
|
855
|
+
/** Pictures as a fine wire mesh lifted by their own brightness: inactive ones are a flat grey wire grid, the active one rises into relief and fills with colour panels behind a soft wave; near the cursor the panels lift away to the wire. */
|
|
856
|
+
export interface WireReliefGalleryConfig extends BaseGalleryObjectConfig {
|
|
857
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
858
|
+
autoplay: number;
|
|
859
|
+
/** Overall brightness. */
|
|
860
|
+
intensity: number;
|
|
861
|
+
/** Overall opacity. */
|
|
862
|
+
opacity: number;
|
|
863
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
864
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
865
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
866
|
+
spacing: number;
|
|
867
|
+
/** How far the inactive pictures stand back. */
|
|
868
|
+
depth: number;
|
|
869
|
+
/** How many neighbours show on each side before they fade out. */
|
|
870
|
+
visible: number;
|
|
871
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
872
|
+
shape: number;
|
|
873
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
874
|
+
stiffness: number;
|
|
875
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
876
|
+
damping: number;
|
|
877
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
878
|
+
throwing: number;
|
|
879
|
+
/** Seconds the change takes to cross a picture. */
|
|
880
|
+
changeTime: number;
|
|
881
|
+
/** Width of the soft change wave. */
|
|
882
|
+
wave: number;
|
|
883
|
+
/** How diagonal the change wave is. */
|
|
884
|
+
slant: number;
|
|
885
|
+
/** Brightness of the inactive pictures. */
|
|
886
|
+
dim: number;
|
|
887
|
+
/** Strength of the cursor effect. */
|
|
888
|
+
pointerStrength: number;
|
|
889
|
+
/** Reach of the cursor effect around the cursor. */
|
|
890
|
+
pointerRadius: number;
|
|
891
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
892
|
+
aspect: number;
|
|
893
|
+
/** Grid cells across a picture (structural: rebuilds). */
|
|
894
|
+
cells: number;
|
|
895
|
+
/** Height of the relief at the brightest point. */
|
|
896
|
+
relief: number;
|
|
897
|
+
/** Brightness of the wires. */
|
|
898
|
+
wire: number;
|
|
899
|
+
/** Colour of the wires. */
|
|
900
|
+
wireColor: string;
|
|
901
|
+
/** What the cursor does: off, or lifts the panels away to the bare wire. */
|
|
902
|
+
pointerMode: 'none' | 'reveal';
|
|
903
|
+
/** How far the panels lift away under the cursor. */
|
|
904
|
+
lift: number;
|
|
905
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
906
|
+
navigation: 'none' | 'click' | 'drag';
|
|
907
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
908
|
+
feeds: string[];
|
|
909
|
+
}
|
|
910
|
+
/** Pictures as topographic models of stacked card lit by the scene: inactive ones are a flat grey contour map, the active one rises into terraces of its own brightness in full colour behind a soft wave; the cursor lifts the terraces higher. */
|
|
911
|
+
export interface TerracesGalleryConfig extends BaseGalleryObjectConfig {
|
|
912
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
913
|
+
autoplay: number;
|
|
914
|
+
/** Overall brightness. */
|
|
915
|
+
intensity: number;
|
|
916
|
+
/** Overall opacity. */
|
|
917
|
+
opacity: number;
|
|
918
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
919
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
920
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
921
|
+
spacing: number;
|
|
922
|
+
/** How far the inactive pictures stand back. */
|
|
923
|
+
depth: number;
|
|
924
|
+
/** How many neighbours show on each side before they fade out. */
|
|
925
|
+
visible: number;
|
|
926
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
927
|
+
shape: number;
|
|
928
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
929
|
+
stiffness: number;
|
|
930
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
931
|
+
damping: number;
|
|
932
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
933
|
+
throwing: number;
|
|
934
|
+
/** Seconds the change takes to cross a picture. */
|
|
935
|
+
changeTime: number;
|
|
936
|
+
/** Width of the soft change wave. */
|
|
937
|
+
wave: number;
|
|
938
|
+
/** How diagonal the change wave is. */
|
|
939
|
+
slant: number;
|
|
940
|
+
/** Brightness of the inactive pictures. */
|
|
941
|
+
dim: number;
|
|
942
|
+
/** Strength of the cursor effect. */
|
|
943
|
+
pointerStrength: number;
|
|
944
|
+
/** Reach of the cursor effect around the cursor. */
|
|
945
|
+
pointerRadius: number;
|
|
946
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
947
|
+
aspect: number;
|
|
948
|
+
/** Grid resolution across a picture (structural: rebuilds). */
|
|
949
|
+
resolution: number;
|
|
950
|
+
/** Number of terraces. */
|
|
951
|
+
levels: number;
|
|
952
|
+
/** Height of the top terrace. */
|
|
953
|
+
relief: number;
|
|
954
|
+
/** How crisp the terrace walls are. */
|
|
955
|
+
sharpness: number;
|
|
956
|
+
/** How much the brightness is smoothed before it is cut into terraces. */
|
|
957
|
+
smoothing: number;
|
|
958
|
+
/** Brightness of the thin card edge along each terrace. */
|
|
959
|
+
edges: number;
|
|
960
|
+
/** Roughness of the card under the scene’s light. */
|
|
961
|
+
roughness: number;
|
|
962
|
+
/** What the cursor does: off, or lifts the terraces near it. */
|
|
963
|
+
pointerMode: 'none' | 'lift';
|
|
964
|
+
/** How far the cursor lifts the terraces. */
|
|
965
|
+
lift: number;
|
|
966
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
967
|
+
navigation: 'none' | 'click' | 'drag';
|
|
968
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
969
|
+
feeds: string[];
|
|
970
|
+
}
|
|
971
|
+
/** Pictures as cut-paper layers in a shadow box, lit by the scene so each sheet casts a real soft shadow on the one behind: inactive ones are pressed flat and grey, the active one opens into depth in full colour. */
|
|
972
|
+
export interface ShadowBoxGalleryConfig extends BaseGalleryObjectConfig {
|
|
973
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
974
|
+
autoplay: number;
|
|
975
|
+
/** Overall brightness. */
|
|
976
|
+
intensity: number;
|
|
977
|
+
/** Overall opacity. */
|
|
978
|
+
opacity: number;
|
|
979
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
980
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
981
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
982
|
+
spacing: number;
|
|
983
|
+
/** How far the inactive pictures stand back. */
|
|
984
|
+
depth: number;
|
|
985
|
+
/** How many neighbours show on each side before they fade out. */
|
|
986
|
+
visible: number;
|
|
987
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
988
|
+
shape: number;
|
|
989
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
990
|
+
stiffness: number;
|
|
991
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
992
|
+
damping: number;
|
|
993
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
994
|
+
throwing: number;
|
|
995
|
+
/** Seconds the change takes to cross a picture. */
|
|
996
|
+
changeTime: number;
|
|
997
|
+
/** Width of the soft change wave. */
|
|
998
|
+
wave: number;
|
|
999
|
+
/** How diagonal the change wave is. */
|
|
1000
|
+
slant: number;
|
|
1001
|
+
/** Brightness of the inactive pictures. */
|
|
1002
|
+
dim: number;
|
|
1003
|
+
/** Strength of the cursor effect. */
|
|
1004
|
+
pointerStrength: number;
|
|
1005
|
+
/** Reach of the cursor effect around the cursor. */
|
|
1006
|
+
pointerRadius: number;
|
|
1007
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
1008
|
+
aspect: number;
|
|
1009
|
+
/** Paper sheets per picture (structural: rebuilds). */
|
|
1010
|
+
sheets: number;
|
|
1011
|
+
/** Distance between the sheets when open. */
|
|
1012
|
+
separation: number;
|
|
1013
|
+
/** How much the brightness is smoothed before the sheets are cut (rounder cuts). */
|
|
1014
|
+
smoothing: number;
|
|
1015
|
+
/** Roughness of the paper under the scene’s light. */
|
|
1016
|
+
roughness: number;
|
|
1017
|
+
/** What the cursor does: off, or opens the sheets further. */
|
|
1018
|
+
pointerMode: 'none' | 'open';
|
|
1019
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
1020
|
+
navigation: 'none' | 'click' | 'drag';
|
|
1021
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
1022
|
+
feeds: string[];
|
|
1023
|
+
}
|
|
1024
|
+
/** Pictures as pop-up book spreads lit by the scene: cut-paper sheets hinged to a page lie folded down and grey when inactive, and stand up one after another into the picture in full colour when it becomes active. */
|
|
1025
|
+
export interface PopUpGalleryConfig extends BaseGalleryObjectConfig {
|
|
1026
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
1027
|
+
autoplay: number;
|
|
1028
|
+
/** Overall brightness. */
|
|
1029
|
+
intensity: number;
|
|
1030
|
+
/** Overall opacity. */
|
|
1031
|
+
opacity: number;
|
|
1032
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
1033
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
1034
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
1035
|
+
spacing: number;
|
|
1036
|
+
/** How far the inactive pictures stand back. */
|
|
1037
|
+
depth: number;
|
|
1038
|
+
/** How many neighbours show on each side before they fade out. */
|
|
1039
|
+
visible: number;
|
|
1040
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
1041
|
+
shape: number;
|
|
1042
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
1043
|
+
stiffness: number;
|
|
1044
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
1045
|
+
damping: number;
|
|
1046
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
1047
|
+
throwing: number;
|
|
1048
|
+
/** Seconds the change takes to cross a picture. */
|
|
1049
|
+
changeTime: number;
|
|
1050
|
+
/** Width of the soft change wave. */
|
|
1051
|
+
wave: number;
|
|
1052
|
+
/** How diagonal the change wave is. */
|
|
1053
|
+
slant: number;
|
|
1054
|
+
/** Brightness of the inactive pictures. */
|
|
1055
|
+
dim: number;
|
|
1056
|
+
/** Strength of the cursor effect. */
|
|
1057
|
+
pointerStrength: number;
|
|
1058
|
+
/** Reach of the cursor effect around the cursor. */
|
|
1059
|
+
pointerRadius: number;
|
|
1060
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
1061
|
+
aspect: number;
|
|
1062
|
+
/** Pop-up sheets per picture (structural: rebuilds). */
|
|
1063
|
+
sheets: number;
|
|
1064
|
+
/** Which way an inactive picture’s sheets lie: back, away from the viewer, or forward, folded down toward the viewer. */
|
|
1065
|
+
direction: 'back' | 'forward';
|
|
1066
|
+
/** Depth between the sheets’ hinges. */
|
|
1067
|
+
separation: number;
|
|
1068
|
+
/** How far an inactive picture’s sheets lie down (degrees from upright). */
|
|
1069
|
+
closed: number;
|
|
1070
|
+
/** How much the sheets stand up one after another. */
|
|
1071
|
+
stagger: number;
|
|
1072
|
+
/** How much the brightness is smoothed before the sheets are cut. */
|
|
1073
|
+
smoothing: number;
|
|
1074
|
+
/** Roughness of the paper under the scene’s light. */
|
|
1075
|
+
roughness: number;
|
|
1076
|
+
/** The sheets cast shadows (on each other and on the scene). */
|
|
1077
|
+
shadows: boolean;
|
|
1078
|
+
/** Show the paper page the sheets are hinged to. */
|
|
1079
|
+
page: boolean;
|
|
1080
|
+
/** Colour of the page and of the sheets’ plain backs. */
|
|
1081
|
+
pageColor: string;
|
|
1082
|
+
/** What the cursor does: off, or tilts the sheets near it. */
|
|
1083
|
+
pointerMode: 'none' | 'tilt';
|
|
1084
|
+
/** How far the cursor tilts the sheets (degrees, the way they lie). */
|
|
1085
|
+
tilt: number;
|
|
1086
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
1087
|
+
navigation: 'none' | 'click' | 'drag';
|
|
1088
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
1089
|
+
feeds: string[];
|
|
1090
|
+
}
|
|
1091
|
+
/** Pictures as stacked horizontal hairlines lifted by their brightness, each ridge hiding the lines behind it: inactive ones are flat grey lines, the active one rises into ridges and fills with the picture’s colour behind a soft wave; the cursor raises the ridges. */
|
|
1092
|
+
export interface RidgelinesGalleryConfig extends BaseGalleryObjectConfig {
|
|
1093
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
1094
|
+
autoplay: number;
|
|
1095
|
+
/** Overall brightness. */
|
|
1096
|
+
intensity: number;
|
|
1097
|
+
/** Overall opacity. */
|
|
1098
|
+
opacity: number;
|
|
1099
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
1100
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
1101
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
1102
|
+
spacing: number;
|
|
1103
|
+
/** How far the inactive pictures stand back. */
|
|
1104
|
+
depth: number;
|
|
1105
|
+
/** How many neighbours show on each side before they fade out. */
|
|
1106
|
+
visible: number;
|
|
1107
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
1108
|
+
shape: number;
|
|
1109
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
1110
|
+
stiffness: number;
|
|
1111
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
1112
|
+
damping: number;
|
|
1113
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
1114
|
+
throwing: number;
|
|
1115
|
+
/** Seconds the change takes to cross a picture. */
|
|
1116
|
+
changeTime: number;
|
|
1117
|
+
/** Width of the soft change wave. */
|
|
1118
|
+
wave: number;
|
|
1119
|
+
/** How diagonal the change wave is. */
|
|
1120
|
+
slant: number;
|
|
1121
|
+
/** Brightness of the inactive pictures. */
|
|
1122
|
+
dim: number;
|
|
1123
|
+
/** Strength of the cursor effect. */
|
|
1124
|
+
pointerStrength: number;
|
|
1125
|
+
/** Reach of the cursor effect around the cursor. */
|
|
1126
|
+
pointerRadius: number;
|
|
1127
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
1128
|
+
aspect: number;
|
|
1129
|
+
/** Ridgelines down a picture (structural: rebuilds). */
|
|
1130
|
+
rows: number;
|
|
1131
|
+
/** How high the brightest point lifts its ridge. */
|
|
1132
|
+
relief: number;
|
|
1133
|
+
/** Width of a ridgeline. */
|
|
1134
|
+
lineWidth: number;
|
|
1135
|
+
/** How much the brightness is smoothed before it lifts the ridges. */
|
|
1136
|
+
smoothing: number;
|
|
1137
|
+
/** Colour of the ridgelines. */
|
|
1138
|
+
lineColor: string;
|
|
1139
|
+
/** Colour of an inactive picture’s fill. */
|
|
1140
|
+
fillColor: string;
|
|
1141
|
+
/** Opacity of an inactive picture’s fill (what hides the lines behind). */
|
|
1142
|
+
fillOpacity: number;
|
|
1143
|
+
/** What the cursor does: off, or raises the ridges near it. */
|
|
1144
|
+
pointerMode: 'none' | 'raise';
|
|
1145
|
+
/** How far the cursor raises the ridges. */
|
|
1146
|
+
raise: number;
|
|
1147
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
1148
|
+
navigation: 'none' | 'click' | 'drag';
|
|
1149
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
1150
|
+
feeds: string[];
|
|
1151
|
+
}
|
|
1152
|
+
/** Pictures as fine lines flowing like water around their own forms: inactive ones are thin grey dashed lines drifting, the active one closes the dashes and thickens the lines into the picture in full colour behind a soft wave; the cursor parts the lines. */
|
|
1153
|
+
export interface FlowLinesGalleryConfig extends BaseGalleryObjectConfig {
|
|
1154
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
1155
|
+
autoplay: number;
|
|
1156
|
+
/** Overall brightness. */
|
|
1157
|
+
intensity: number;
|
|
1158
|
+
/** Overall opacity. */
|
|
1159
|
+
opacity: number;
|
|
1160
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
1161
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
1162
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
1163
|
+
spacing: number;
|
|
1164
|
+
/** How far the inactive pictures stand back. */
|
|
1165
|
+
depth: number;
|
|
1166
|
+
/** How many neighbours show on each side before they fade out. */
|
|
1167
|
+
visible: number;
|
|
1168
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
1169
|
+
shape: number;
|
|
1170
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
1171
|
+
stiffness: number;
|
|
1172
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
1173
|
+
damping: number;
|
|
1174
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
1175
|
+
throwing: number;
|
|
1176
|
+
/** Seconds the change takes to cross a picture. */
|
|
1177
|
+
changeTime: number;
|
|
1178
|
+
/** Width of the soft change wave. */
|
|
1179
|
+
wave: number;
|
|
1180
|
+
/** How diagonal the change wave is. */
|
|
1181
|
+
slant: number;
|
|
1182
|
+
/** Brightness of the inactive pictures. */
|
|
1183
|
+
dim: number;
|
|
1184
|
+
/** Strength of the cursor effect. */
|
|
1185
|
+
pointerStrength: number;
|
|
1186
|
+
/** Reach of the cursor effect around the cursor. */
|
|
1187
|
+
pointerRadius: number;
|
|
1188
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
1189
|
+
aspect: number;
|
|
1190
|
+
/** Lines across the picture. */
|
|
1191
|
+
lines: number;
|
|
1192
|
+
/** How much the picture’s forms bend the lines. */
|
|
1193
|
+
bend: number;
|
|
1194
|
+
/** Slow meander of the lines. */
|
|
1195
|
+
meander: number;
|
|
1196
|
+
/** Speed of the flow along the lines. */
|
|
1197
|
+
flow: number;
|
|
1198
|
+
/** Dashes per picture width along an inactive line (0 = solid). */
|
|
1199
|
+
dashes: number;
|
|
1200
|
+
/** Width of an inactive line, as a share of a bright line. */
|
|
1201
|
+
hairline: number;
|
|
1202
|
+
/** How much the brightness is smoothed before it bends the lines. */
|
|
1203
|
+
smoothing: number;
|
|
1204
|
+
/** What the cursor does: off, or parts the lines around it. */
|
|
1205
|
+
pointerMode: 'none' | 'part';
|
|
1206
|
+
/** How strongly the cursor parts the lines. */
|
|
1207
|
+
part: number;
|
|
1208
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
1209
|
+
navigation: 'none' | 'click' | 'drag';
|
|
1210
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
1211
|
+
feeds: string[];
|
|
1212
|
+
}
|
|
1213
|
+
/** Pictures as stacks of thin horizontal plates lit by the scene, each plate’s front following the picture’s brightness like a laser-cut relief: inactive ones are a flat grey stack, the active one slides forward into relief in full colour; the cursor pushes plates back. */
|
|
1214
|
+
export interface StrataGalleryConfig extends BaseGalleryObjectConfig {
|
|
1215
|
+
/** Seconds between automatic changes; 0 = off (held while the cursor is over the gallery). */
|
|
1216
|
+
autoplay: number;
|
|
1217
|
+
/** Overall brightness. */
|
|
1218
|
+
intensity: number;
|
|
1219
|
+
/** Overall opacity. */
|
|
1220
|
+
opacity: number;
|
|
1221
|
+
/** Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation. */
|
|
1222
|
+
layout: 'row' | 'wave' | 'ring' | 'helix' | 'tunnel' | 'stack' | 'fan' | 'constellation';
|
|
1223
|
+
/** Distance between neighbouring pictures, in picture widths. */
|
|
1224
|
+
spacing: number;
|
|
1225
|
+
/** How far the inactive pictures stand back. */
|
|
1226
|
+
depth: number;
|
|
1227
|
+
/** How many neighbours show on each side before they fade out. */
|
|
1228
|
+
visible: number;
|
|
1229
|
+
/** The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter. */
|
|
1230
|
+
shape: number;
|
|
1231
|
+
/** Stiffness of the scroll spring: how briskly the gallery moves to the next picture. */
|
|
1232
|
+
stiffness: number;
|
|
1233
|
+
/** Damping of the scroll spring: higher settles without overshoot. */
|
|
1234
|
+
damping: number;
|
|
1235
|
+
/** How far a drag release throws the gallery before it snaps. */
|
|
1236
|
+
throwing: number;
|
|
1237
|
+
/** Seconds the change takes to cross a picture. */
|
|
1238
|
+
changeTime: number;
|
|
1239
|
+
/** Width of the soft change wave. */
|
|
1240
|
+
wave: number;
|
|
1241
|
+
/** How diagonal the change wave is. */
|
|
1242
|
+
slant: number;
|
|
1243
|
+
/** Brightness of the inactive pictures. */
|
|
1244
|
+
dim: number;
|
|
1245
|
+
/** Strength of the cursor effect. */
|
|
1246
|
+
pointerStrength: number;
|
|
1247
|
+
/** Reach of the cursor effect around the cursor. */
|
|
1248
|
+
pointerRadius: number;
|
|
1249
|
+
/** Width / height of every picture; pictures are cover-fitted (structural: rebuilds). */
|
|
1250
|
+
aspect: number;
|
|
1251
|
+
/** Plates down a picture (structural: rebuilds). */
|
|
1252
|
+
plates: number;
|
|
1253
|
+
/** How far the brightest part of a plate stands forward. */
|
|
1254
|
+
relief: number;
|
|
1255
|
+
/** Depth of the darkest part, as a share of the brightest. */
|
|
1256
|
+
base: number;
|
|
1257
|
+
/** Gap between plates, as a share of a plate. */
|
|
1258
|
+
gap: number;
|
|
1259
|
+
/** How much the brightness is smoothed before it shapes the plates. */
|
|
1260
|
+
smoothing: number;
|
|
1261
|
+
/** Roughness of the plates under the scene’s light. */
|
|
1262
|
+
roughness: number;
|
|
1263
|
+
/** Colour of the plates’ tops and edges. */
|
|
1264
|
+
plateColor: string;
|
|
1265
|
+
/** What the cursor does: off, or pushes the plates near it back. */
|
|
1266
|
+
pointerMode: 'none' | 'push';
|
|
1267
|
+
/** What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery. */
|
|
1268
|
+
navigation: 'none' | 'click' | 'drag';
|
|
1269
|
+
/** Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends. */
|
|
1270
|
+
feeds: string[];
|
|
1271
|
+
}
|
|
1272
|
+
export type GalleryObjectConfig = LayoutGalleryConfig | ({
|
|
1273
|
+
type: 'lightThreads';
|
|
1274
|
+
} & LightThreadsGalleryConfig) | ({
|
|
1275
|
+
type: 'silk';
|
|
1276
|
+
} & SilkGalleryConfig) | ({
|
|
1277
|
+
type: 'particleShift';
|
|
1278
|
+
} & ParticleShiftGalleryConfig) | ({
|
|
1279
|
+
type: 'glassPanes';
|
|
1280
|
+
} & GlassPanesGalleryConfig) | ({
|
|
1281
|
+
type: 'halo';
|
|
1282
|
+
} & HaloGalleryConfig) | ({
|
|
1283
|
+
type: 'loom';
|
|
1284
|
+
} & LoomGalleryConfig) | ({
|
|
1285
|
+
type: 'basicCarousel';
|
|
1286
|
+
} & BasicCarouselGalleryConfig) | ({
|
|
1287
|
+
type: 'paperLanterns';
|
|
1288
|
+
} & PaperLanternsGalleryConfig) | ({
|
|
1289
|
+
type: 'pinscreen';
|
|
1290
|
+
} & PinscreenGalleryConfig) | ({
|
|
1291
|
+
type: 'depthLayers';
|
|
1292
|
+
} & DepthLayersGalleryConfig) | ({
|
|
1293
|
+
type: 'contourLines';
|
|
1294
|
+
} & ContourLinesGalleryConfig) | ({
|
|
1295
|
+
type: 'prismSplit';
|
|
1296
|
+
} & PrismSplitGalleryConfig) | ({
|
|
1297
|
+
type: 'engraving';
|
|
1298
|
+
} & EngravingGalleryConfig) | ({
|
|
1299
|
+
type: 'slats';
|
|
1300
|
+
} & SlatsGalleryConfig) | ({
|
|
1301
|
+
type: 'fold';
|
|
1302
|
+
} & FoldGalleryConfig) | ({
|
|
1303
|
+
type: 'wireRelief';
|
|
1304
|
+
} & WireReliefGalleryConfig) | ({
|
|
1305
|
+
type: 'terraces';
|
|
1306
|
+
} & TerracesGalleryConfig) | ({
|
|
1307
|
+
type: 'shadowBox';
|
|
1308
|
+
} & ShadowBoxGalleryConfig) | ({
|
|
1309
|
+
type: 'popUp';
|
|
1310
|
+
} & PopUpGalleryConfig) | ({
|
|
1311
|
+
type: 'ridgelines';
|
|
1312
|
+
} & RidgelinesGalleryConfig) | ({
|
|
1313
|
+
type: 'flowLines';
|
|
1314
|
+
} & FlowLinesGalleryConfig) | ({
|
|
1315
|
+
type: 'strata';
|
|
1316
|
+
} & StrataGalleryConfig);
|
|
1317
|
+
//# sourceMappingURL=galleryObjects.d.ts.map
|