feat: cinematic outro that mirrors the intro crane
On arrival the camera cranes back toward the sun on a long lens, letterbox bars close in on every tier and a closing credit of real identity facts fades into the upper bar. Leaving the destination reverses it.
This commit is contained in:
@@ -246,6 +246,7 @@ onUnmounted(() => removePageListeners());
|
||||
:policy="motion.policy.value"
|
||||
:quality="actualQuality"
|
||||
:scene-description="content.sceneDescription"
|
||||
:credit="`${content.identity.name} · ${content.identity.role} · ${content.identity.location.city}, ${content.identity.location.country}`"
|
||||
:sample-frame="sampleSceneFrame"
|
||||
@state-change="updateSceneState"
|
||||
/>
|
||||
|
||||
@@ -15,6 +15,8 @@ const props = defineProps<{
|
||||
policy: MotionPolicy;
|
||||
quality: QualityTier;
|
||||
sceneDescription: string;
|
||||
/** Closing credit for the destination letterbox: real identity facts only. */
|
||||
credit?: string;
|
||||
sampleFrame?: (start: number, end: number) => unknown;
|
||||
}>();
|
||||
|
||||
@@ -55,6 +57,7 @@ if (posterFailed.value) recordTestFaultEvent('poster-failure');
|
||||
:data-static-fallback="!showCanvas"
|
||||
:data-poster-failed="posterFailed"
|
||||
:data-arrived="journey.arrived"
|
||||
:data-credit="credit"
|
||||
>
|
||||
<picture v-if="!posterFailed">
|
||||
<source media="(max-width: 767px)" :srcset="mobilePosterUrl">
|
||||
|
||||
Reference in New Issue
Block a user