Generated examples and proof log
Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
Examples graduate from planned contracts to published samples only after source validation, runtime validation, and visual proof are recorded. This page is the generated proof ledger for the current sample set.
Sample proof ledger
| Surface | Example | Source file | Schema | Runtime debug | Desktop proof | Mobile proof |
|---|---|---|---|---|---|---|
| DOM | Scroll fade reveal | faster-motion/demo/tests/dom/catalog/scroll-animations/fade-reveal/fade-reveal.domgraph.fmtion | passed | debug validation passed in desktop and mobile viewports; 0 blocking issues; 17 nodes loaded | faster-roadmap/generated-assets/faster-motion-docs/proofs/screenshots/dom-fade-reveal-desktop.png | faster-roadmap/generated-assets/faster-motion-docs/proofs/screenshots/dom-fade-reveal-mobile.png |
| Canvas | Fill rule diagnostic | faster-motion/demo/tests/canvas/fillrule-diagnostic/fillrule-diagnostic.fmtion | passed | debug validation passed in desktop and mobile viewports; 0 blocking issues; preflight reported 1 metadata issue; 10 objects rendered | faster-roadmap/generated-assets/faster-motion-docs/proofs/screenshots/canvas-fillrule-diagnostic-desktop.png | faster-roadmap/generated-assets/faster-motion-docs/proofs/screenshots/canvas-fillrule-diagnostic-mobile.png |
Expected output
DOM: Scroll fade reveal
Sections fade and translate into place as their trigger elements enter the configured viewport range.
Canvas: Fill rule diagnostic
A contained Canvas scene renders paired path cases so nonzero and evenodd fill handling can be compared visually.
Was this guide helpful?
Thanks for your feedback.