{
 "id": "canvas-zoom-from-overview-to-hero-frame-then-hover-outline",
 "title": "Zoom a design canvas from 24% to 45% anchored on the hero frame, then show its hover outline",
 "family": "camera",
 "status": "rendered-draft",
 "edition": "studies-300",
 "gaps": [
  "Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution."
 ],
 "intervalKey": [
  "_9ImjmzAyus",
  "1568/15",
  "536/5"
 ],
 "source": {
  "filmId": "_9ImjmzAyus",
  "film": "Build and share interactive prototypes in Codex",
  "url": "https://www.youtube.com/watch?v=_9ImjmzAyus",
  "frames": [
   3136,
   3216
  ],
  "fps": {
   "numerator": 30,
   "denominator": 1
  },
  "startSeconds": 104.53333333333333,
  "endSeconds": 107.2,
  "publicationDate": "2026-06-04",
  "masterSha256": "cdacb5bf4d2b794e427102992876882d9bf09d24134a12801b50f8e5d9eee6d0",
  "clockBasis": "Downloaded 1920x1080 rendition at 30/1 fps; excerpt frame i = master frame 3136+i, re-encoded to 960x540 without omitted positions."
 },
 "sourceHash": "08ed5bd943919b26dcbf268958eea3fd7aedeb0fd3cd550f50add9566335b42a",
 "classification": "vector-code-approximation",
 "bindingLevel": "full-render-manifest",
 "observation": "A browser tab with a design-tool layout: pages/layers panel left, properties panel right with a zoom readout of 24%, and a concept page on a grey canvas (dark hero card at top, two panels, a user-flow row, checklist and a dark status card below). Frames 0-12 hold. From about local frame 13 (master 3149) the canvas zooms in with an ease-out while the panels stay fixed; the readout steps 27, 30, 35, 39, 41 and settles on 45% by ~29 (master 3165). The hero card stays roughly in place at the top while lower content grows down and out of view. Around frame 66 the pointer rests on the hero card and a thin blue hover outline appears around it.",
 "mechanism": "Anchored canvas zoom: only the document layer scales, about a point on the hero frame, with a stepped numeric readout in the chrome, followed by a hover outline on the frame the zoom targeted.",
 "phases": [
  {
   "frame": 0,
   "label": "Overview at 24%"
  },
  {
   "frame": 13,
   "label": "Zoom begins, readout steps"
  },
  {
   "frame": 29,
   "label": "Settles at 45%"
  },
  {
   "frame": 66,
   "label": "Hover outline on hero frame"
  }
 ],
 "checks": {
  "recipeSha256": "389f38275f2da015f956d319ebf950a187b3c93b69b2cc1e2da8799c894a4f96",
  "renderManifestSha256": "132da171193d7408406b94f8ed9e9dedf286cb64b3af6717077ff94d53bba6a3",
  "adaptationManifestSha256": "6e9743881c7d1c9c1cf748dd53f712d0f899c8ac1edb92a1d83767c4d4fc87e2",
  "implementationFiles": 15,
  "movies": {
   "source": {
    "sha256": "08ed5bd943919b26dcbf268958eea3fd7aedeb0fd3cd550f50add9566335b42a",
    "bytes": 238449,
    "width": 960,
    "height": 540,
    "fps": "30/1",
    "frames": 80,
    "duration": 2.666667,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   },
   "original": {
    "sha256": "942771d8651a422cd15543b1df6a03cdb4126ab6533d81ae2ca93fb411e3effd",
    "bytes": 150161,
    "width": 1920,
    "height": 1080,
    "fps": "30/1",
    "frames": 80,
    "duration": 2.666667,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   },
   "adaptation": {
    "sha256": "d6892087f48529458821947cfb030073507d531ee02d1abbe98dfe062339daf3",
    "bytes": 145124,
    "width": 1920,
    "height": 1080,
    "fps": "30/1",
    "frames": 80,
    "duration": 2.666667,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   }
  },
  "preparedArchive": {
   "sha256": "3a428a2e3dd8c3a181ceb8463283f87df006810c4e62b3647ff90fea5793d026",
   "bytes": 152323,
   "members": 20,
   "crc": "pass"
  },
  "selectedSvg": {
   "sha256": "6c4bd638fa370372c41cf1dba0c9493f4cc54ee8b3e0258488f2f695023c0d05",
   "bytes": 13883,
   "drawableElements": 118,
   "rasterEmbedded": false,
   "frame": 60,
   "meaningful": true
  },
  "contentDiffers": true,
  "renderSeconds": 12.8
 },
 "assets": {
  "source.mp4": {
   "path": "items/canvas-zoom-from-overview-to-hero-frame-then-hover-outline/source.mp4",
   "sha256": "08ed5bd943919b26dcbf268958eea3fd7aedeb0fd3cd550f50add9566335b42a",
   "bytes": 238449
  },
  "remake.mp4": {
   "path": "items/canvas-zoom-from-overview-to-hero-frame-then-hover-outline/remake.mp4",
   "sha256": "942771d8651a422cd15543b1df6a03cdb4126ab6533d81ae2ca93fb411e3effd",
   "bytes": 150161
  },
  "adaptation.mp4": {
   "path": "items/canvas-zoom-from-overview-to-hero-frame-then-hover-outline/adaptation.mp4",
   "sha256": "d6892087f48529458821947cfb030073507d531ee02d1abbe98dfe062339daf3",
   "bytes": 145124
  },
  "editable.svg": {
   "path": "items/canvas-zoom-from-overview-to-hero-frame-then-hover-outline/editable.svg",
   "sha256": "6c4bd638fa370372c41cf1dba0c9493f4cc54ee8b3e0258488f2f695023c0d05",
   "bytes": 13883
  },
  "resolve.txt": {
   "path": "items/canvas-zoom-from-overview-to-hero-frame-then-hover-outline/resolve.txt",
   "sha256": "6f8bae14d0e6fc5f7b38bf48921555f15aa048f1da7711ab1676762a4c4e657c",
   "bytes": 12577
  },
  "package.zip": {
   "path": "items/canvas-zoom-from-overview-to-hero-frame-then-hover-outline/package.zip",
   "sha256": "3a428a2e3dd8c3a181ceb8463283f87df006810c4e62b3647ff90fea5793d026",
   "bytes": 152323
  },
  "recipe.json": {
   "path": "items/canvas-zoom-from-overview-to-hero-frame-then-hover-outline/recipe.json",
   "sha256": "389f38275f2da015f956d319ebf950a187b3c93b69b2cc1e2da8799c894a4f96",
   "bytes": 27168
  }
 },
 "builtAt": "2026-09-18T05:50:08Z"
}