[
  {
    "id": "codrops-11ef1aeb8e9a-article-0",
    "source": "design-engineering/state-management/patterns/derived-state.md",
    "anchor": "state-model-and-ownership",
    "sourceSha256": "22192b2fbab970a71ec0237221dc2d35c578e59723bc0032c2347f8ef595cd6c",
    "title": "15 / Pointer input & bound layers · renderBoundParallax",
    "principle": "Three depth transforms project the same normalized X/Y values; changing adapter mode does not create a second authority.",
    "application": "One normalized pointer model drives bounded transforms for three independently illustrated DOM/SVG layers. Direct input and bound-model modes share the same render function, with reset and native coordinate controls. The setting is a botanical display, without game, staking, transaction or provider-runtime behavior. This binding describes the authored study and does not verify the original project.",
    "code": [
      {
        "file": "vendor/codrops-article-studies/records/codrops-11ef1aeb8e9a/script.js",
        "symbol": "renderBoundParallax",
        "explanation": "The named local function implements this mechanism in the downloadable standalone page; its source hash is listed in codeFiles."
      }
    ],
    "checks": [
      {
        "id": "codrops-11ef1aeb8e9a-renderBoundParallax-binding-0",
        "action": "Set X to 70 and Y to -40, switch direct/bound modes, then reset.",
        "expected": "Both routes produce the same layer offsets and reset returns all depth transforms to zero."
      }
    ],
    "runtime_verified": false
  },
  {
    "id": "codrops-11ef1aeb8e9a-article-1",
    "source": "motion/accessible-motion.md",
    "anchor": "classify-before-replacing",
    "sourceSha256": "db0ad692d5bb3103a3cbe13ec08dbe5cf12552aed7ecf2c93b1d7cc0b8a34b8b",
    "title": "15 / Pointer input & bound layers · renderBoundParallax",
    "principle": "The reduced-motion view keeps the full scene and controls while centering decorative layers.",
    "application": "One normalized pointer model drives bounded transforms for three independently illustrated DOM/SVG layers. Direct input and bound-model modes share the same render function, with reset and native coordinate controls. The setting is a botanical display, without game, staking, transaction or provider-runtime behavior. This binding describes the authored study and does not verify the original project.",
    "code": [
      {
        "file": "vendor/codrops-article-studies/records/codrops-11ef1aeb8e9a/script.js",
        "symbol": "renderBoundParallax",
        "explanation": "The named local function implements this mechanism in the downloadable standalone page; its source hash is listed in codeFiles."
      }
    ],
    "checks": [
      {
        "id": "codrops-11ef1aeb8e9a-renderBoundParallax-binding-1",
        "action": "Enable Static view, move the pointer, and adjust the coordinate inputs.",
        "expected": "Input values remain inspectable, but the decorative layers stay centered and the title remains stationary."
      }
    ],
    "runtime_verified": false
  },
  {
    "id": "codrops-11ef1aeb8e9a-article-2",
    "source": "motion/accessible-motion.md",
    "anchor": "preference-changes-during-work",
    "sourceSha256": "db0ad692d5bb3103a3cbe13ec08dbe5cf12552aed7ecf2c93b1d7cc0b8a34b8b",
    "title": "15 / Pointer input & bound layers · applyMotionPreference",
    "principle": "One effective preference owns CSS and script playback. The initial view is stationary, and manual controls retain the study values.",
    "application": "One normalized pointer model drives bounded transforms for three independently illustrated DOM/SVG layers. Direct input and bound-model modes share the same render function, with reset and native coordinate controls. The setting is a botanical display, without game, staking, transaction or provider-runtime behavior. This binding describes the authored study and does not verify the original project.",
    "code": [
      {
        "file": "vendor/codrops-article-studies/records/codrops-11ef1aeb8e9a/script.js",
        "symbol": "applyMotionPreference",
        "explanation": "The named local function implements this mechanism in the downloadable standalone page; its source hash is listed in codeFiles."
      }
    ],
    "checks": [
      {
        "id": "codrops-11ef1aeb8e9a-applyMotionPreference",
        "action": "Enable Static view during playback, then adjust the visible native controls.",
        "expected": "Playback stops, its button is disabled while the preference applies, and the current values remain inspectable without continuous motion."
      }
    ],
    "runtime_verified": false
  }
]