{
  "schemaVersion": 1,
  "collection": "Cognix original motion studies",
  "curator": {
    "profileName": "Codex",
    "userIndex": 0
  },
  "assetCredit": "JM / Cognix360; created with Claude Code",
  "license": {
    "label": "Display-Only",
    "reuseLicensePending": true,
    "summary": "Display of these excerpts is authorized. No reuse, modification, redistribution or CC0 grant is established for the source animation, artwork or brand assets."
  },
  "context": "Short silent demonstrations of animation techniques, extracted from original sponsor-owned code animation. These are component studies, not complete adverts. Any document, notification or interface data is fictional illustration, not a customer result or product-performance claim.",
  "clips": [
    {
      "id": "01-paper-stack-stamps",
      "file": "01-paper-stack-stamps.mp4",
      "title": "Stop-motion paper and ink",
      "category": "component",
      "description": "Layered paper cards land with short impacts. Ink stamps, a drawn signature and a rolling protocol number finish the sequence.",
      "technique": "Canvas paper and ink sprites, time quantized to 12 fps, eased card poses, procedural signature paths, contact shadows and camera shake.",
      "recipe": [
        "Build paper fiber and imperfect ink textures procedurally.",
        "Animate each paper card from an off-screen pose into a stacked pose.",
        "Trigger stamp impressions and brief camera shake at contact.",
        "Reveal a signature along its path and settle the final protocol card."
      ],
      "source": {
        "work": "Cortex original canvas motion",
        "sourceFile": "Cortex-Comercial-30s-9x16.mp4",
        "startSeconds": 3.1,
        "endSeconds": 7.1,
        "functions": [
          "drawPastPile",
          "slapPose",
          "drawStampEvent",
          "drawSignature",
          "protoSlip"
        ]
      },
      "durationSeconds": 4,
      "dimensions": {
        "width": 540,
        "height": 960
      },
      "fps": 60,
      "audio": "none",
      "visualCredit": "Cognix360 | original motion excerpt",
      "license": "Display-Only",
      "bytes": 791584,
      "sha256": "f6221ff3f2f18a66c11da14ff1432f350d3ff11ebaf98e2aba38b64897bc96a1",
      "poster": "01-paper-stack-stamps-poster.jpg"
    },
    {
      "id": "02-paper-to-interface",
      "file": "02-paper-to-interface.mp4",
      "title": "Paper becomes an interface",
      "category": "transition",
      "description": "A bright scanning edge turns a paper card into a digital window while keeping its protocol number in place, then the camera pulls back into a window grid.",
      "technique": "Matched composition, complementary canvas clipping masks, a luminous wipe edge and an eased camera pullback.",
      "recipe": [
        "Align the paper and digital card to share the same visual anchor.",
        "Clip the two scenes on opposite sides of a moving scan line.",
        "Add a restrained glow at the boundary.",
        "Pull the camera back after the transformation to reveal the wider interface."
      ],
      "source": {
        "work": "Cortex original canvas motion",
        "sourceFile": "Cortex-Comercial-30s-9x16.mp4",
        "startSeconds": 7.2,
        "endSeconds": 9.4,
        "functions": [
          "drawPresentWorld",
          "protoScreen",
          "pastCamera",
          "presentCamera"
        ]
      },
      "durationSeconds": 2.2,
      "dimensions": {
        "width": 540,
        "height": 960
      },
      "fps": 60,
      "audio": "none",
      "visualCredit": "Cognix360 | original motion excerpt",
      "license": "Display-Only",
      "bytes": 381346,
      "sha256": "9112465f5216bf22b8f88f4edbddafcd11c690bb78af428b32c6c38f627c9d00",
      "poster": "02-paper-to-interface-poster.jpg"
    },
    {
      "id": "03-notification-light-wave",
      "file": "03-notification-light-wave.mp4",
      "title": "A light wave clears notifications",
      "category": "transition",
      "description": "Notifications rush toward the camera, lose saturation, then disappear as an expanding light wave leaves a single teal point.",
      "technique": "Depth-sorted notification sprites, perspective projection, multi-sample motion blur, desaturation and a distance-driven radial wipe.",
      "recipe": [
        "Project notification sprites through a virtual camera and sort them by depth.",
        "Slow the scene into a near-freeze and remove saturation.",
        "Expand a circle from the central light point.",
        "Fade and shrink each sprite according to the time since the wave reached it."
      ],
      "source": {
        "work": "Cortex original canvas motion",
        "sourceFile": "Cortex-Comercial-30s-9x16.mp4",
        "startSeconds": 10,
        "endSeconds": 12.55,
        "functions": [
          "drawFlying",
          "drawTurn",
          "agentDot",
          "futureBG"
        ]
      },
      "durationSeconds": 2.55,
      "dimensions": {
        "width": 540,
        "height": 960
      },
      "fps": 60,
      "audio": "none",
      "visualCredit": "Cognix360 | original motion excerpt",
      "license": "Display-Only",
      "bytes": 617408,
      "sha256": "d633a0269dac815945d10439f353f2d2ab32ec92278d09db9acba369f20a1e50",
      "poster": "03-notification-light-wave-poster.jpg"
    },
    {
      "id": "04-light-written-text",
      "file": "04-light-written-text.mp4",
      "title": "Text written by a point of light",
      "category": "text-effect",
      "description": "A glowing point travels across two lines and reveals the typography behind its trail, then returns toward the center.",
      "technique": "Measured text widths, reveal masks, an eased light-point path, layered glow and a short trailing stroke.",
      "recipe": [
        "Measure each line and map a single progress value to distance along the text.",
        "Reveal text only behind the moving point with a clipping mask.",
        "Layer a soft glow and a short trail around the point.",
        "Return the point toward the next composition after the phrase is complete."
      ],
      "source": {
        "work": "Cortex original canvas motion",
        "sourceFile": "Cortex-Comercial-30s-9x16.mp4",
        "startSeconds": 12.4,
        "endSeconds": 14.6,
        "functions": [
          "drawEra",
          "agentDot",
          "trail"
        ]
      },
      "durationSeconds": 2.2,
      "dimensions": {
        "width": 540,
        "height": 960
      },
      "fps": 60,
      "audio": "none",
      "visualCredit": "Cognix360 | original motion excerpt",
      "license": "Display-Only",
      "bytes": 56604,
      "sha256": "087242fd98e06b5ca63f181a474ec910acd3395784b4cd033f99dade1f7c20ba",
      "poster": "04-light-written-text-poster.jpg"
    },
    {
      "id": "05-connected-card-graph",
      "file": "05-connected-card-graph.mp4",
      "title": "Cards assemble into a living graph",
      "category": "component",
      "description": "Cards appear in a staggered sequence, lines draw between them, and teal particles travel through the network with proximity glow.",
      "technique": "A fixed node/edge topology, lightweight 3D projection, depth ordering, staggered easing, particle paths and proximity-driven rim light.",
      "recipe": [
        "Define nodes and connections independently of the animation.",
        "Project them through a slowly rotating virtual camera.",
        "Stagger card entrances and draw edges from one endpoint to the other.",
        "Move particles on deterministic paths and brighten nearby cards."
      ],
      "source": {
        "work": "Cortex original canvas motion",
        "sourceFile": "Cortex-Comercial-30s-9x16.mp4",
        "startSeconds": 14.75,
        "endSeconds": 18.25,
        "functions": [
          "drawGraph",
          "proj",
          "agentPath",
          "buildCards"
        ]
      },
      "durationSeconds": 3.5,
      "dimensions": {
        "width": 540,
        "height": 960
      },
      "fps": 60,
      "audio": "none",
      "visualCredit": "Cognix360 | original motion excerpt",
      "license": "Display-Only",
      "bytes": 258586,
      "sha256": "8b31d07a35c60be63626fdb5dd8f512600a989cc5a2a934d8c8b834430f2bb9c",
      "poster": "05-connected-card-graph-poster.jpg"
    },
    {
      "id": "06-svg-agent-network",
      "file": "06-svg-agent-network.mp4",
      "title": "SVG characters join a radar network",
      "category": "component",
      "description": "Four original SVG robot variants arrive with spring motion, then animate around a rotating radar emblem with moving connection pulses.",
      "technique": "Parameterized SVG character variants, staggered overshoot, independently driven eyes and body motion, rotating rings and line packets.",
      "recipe": [
        "Build character variants from shared SVG geometry.",
        "Stagger scale-and-position entrances with a short overshoot.",
        "Drive character details independently from absolute time.",
        "Rotate the central rings and move pulses along each connector."
      ],
      "source": {
        "work": "Cortex original SVG showreel",
        "sourceFile": "Cortex-Showreel-15s-voz-masculina.mp4",
        "startSeconds": 1.85,
        "endSeconds": 3.85,
        "functions": [
          "robotSVG",
          "mkRobot",
          "driveRobot",
          "renderAt"
        ]
      },
      "durationSeconds": 2,
      "dimensions": {
        "width": 540,
        "height": 960
      },
      "fps": 60,
      "audio": "none",
      "crop": {
        "sourcePixels": {
          "x": 24,
          "y": 592,
          "width": 1032,
          "height": 1024
        },
        "presentation": "Component crop centered on a portrait canvas; original radar emblem retained."
      },
      "visualCredit": "Cognix360 | original motion excerpt",
      "license": "Display-Only",
      "bytes": 165402,
      "sha256": "6708d7ae1312b2435b0af92d2a4969b8af8e7638ffe54aa759d30a5f3de37d5e",
      "poster": "06-svg-agent-network-poster.jpg"
    }
  ]
}