{ "id": "gsap-2298f263a66d", "sourceId": "gsap", "title": "Simple Animation", "sourceUrl": "https://demos.gsap.com/demo/simple-animation", "demoUrl": "https://codepen.io/GreenSock/pen/myeLGNV", "sourceStatus": "unresolved", "sourceReason": "Public page unavailable through web browsing", "sourceRevision": null, "sourceLicense": null, "originalDemoAcquired": false, "disposition": "ready_for_independent_study", "evidenceBasis": "catalog_explanation_and_linked_api", "studyId": "gsap-2298f263a66d", "sharedStudyCanonicalId": null, "label": "Independently authored documentation study; original Pen unavailable", "catalogEvidence": { "localPath": "artifacts/full-import/gsap/remaining-docs/catalog-evidence.json", "sha256": "4f2a4f9aa64456b85b905b562b60d7733629b41026787b3057cba29e8b10de69", "bytes": 30117, "recordId": "gsap-2298f263a66d" }, "sourceInputs": [ { "kind": "authored-study-specification", "localPath": "artifacts/full-import/gsap/remaining-docs/study-specs.json", "sha256": "cbb89331eda8783b5cf2f173b326b9195eeabfb223374fb60019161d9f46d4a6", "bytes": 52279, "recordId": "gsap-2298f263a66d" }, { "kind": "official-catalog-metadata", "localPath": "artifacts/full-import/gsap/remaining-docs/catalog-evidence.json", "sha256": "4f2a4f9aa64456b85b905b562b60d7733629b41026787b3057cba29e8b10de69", "bytes": 30117, "recordId": "gsap-2298f263a66d" }, { "kind": "official-documentation-evidence", "localPath": "artifacts/full-import/gsap/remaining-docs/official-documentation-evidence.json", "sha256": "bfa25f561e61c597569cf1bc0b3538e6dce4b9985a932775ceab41e665ca24a2", "bytes": 11430, "recordIds": [ "tween" ] }, { "kind": "original-library-source", "localPath": "artifacts/full-import/gsap/library/src/gsap-core.js", "sha256": "8063816e0e7c3e6c07970fb06feafb06146fd266db5d8346419176b3d496e284", "gitBlob": "c673b9e2e0ee04832afb13cb892ae75f503e268c", "revision": "13e2b790546426a1a2e0e9b409f3f8dc6d6611f2", "sourcePath": "src/gsap-core.js", "ranges": [ { "id": "tween-factories", "startLine": 2637, "endLine": 2657, "rangeSha256": "23ae9d51865c9b7966bbc3b6cdbdb560fc790ff19e3b8bb524a3493fbf60c58a" } ] } ], "studiedPrinciple": "Compare how to, from, and fromTo choose their starting and ending values from a declared resting style.", "namedApis": [ { "name": "gsap.to(target, vars)", "purpose": "Animate from the current resting value to the supplied destination.", "libraryEvidence": [ "tween-factories" ], "documentationEvidence": [ "tween" ] }, { "name": "gsap.from(target, vars)", "purpose": "Animate from the supplied starting value back to the recorded resting value.", "libraryEvidence": [ "tween-factories" ], "documentationEvidence": [ "tween" ] }, { "name": "gsap.fromTo(target, fromVars, toVars)", "purpose": "Supply both endpoints explicitly instead of relying on the resting value.", "libraryEvidence": [ "tween-factories" ], "documentationEvidence": [ "tween" ] } ], "implementationBrief": { "scene": "Three labeled horizontal tracks with identical square markers. Mark positions zero, resting, and supplied destination so the method difference is visible without reading source code.", "controls": [ { "label": "Play comparison", "type": "button", "action": "Create or replay the three method tweens from a known baseline." }, { "label": "Progress", "type": "range", "action": "Pause all three and set equal normalized progress." }, { "label": "Show resting state", "type": "button", "action": "Kill existing study tweens and restore the same resting value on all three tracks before any new from/fromTo construction." } ], "mechanismSteps": [ "Set all three markers to the same authored resting x value and label that position.", "For to supply only the destination; for from supply only the start; for fromTo supply both start and destination. Use identical duration/ease and separate target elements.", "Account for from/fromTo normally applying their start values during construction, even when paused. Label those as method initialization, not an unexpected playback jump.", "Before rebuilding, kill old tweens and explicitly restore the resting value. Killing a tween alone is not a style reset.", "At completion display the three expected endpoints: to reaches destination, from reaches resting, and fromTo reaches destination." ] }, "authoredDefaults": { "restingX": 80, "suppliedStartX": 0, "suppliedDestinationX": 160, "markerSizePixels": 24, "durationSeconds": 1, "ease": "power1.inOut", "trackMinimumInnerWidthPixels": 184 }, "verificationRequired": [ "to starts at 80 and ends at 160; from starts at 0 and ends at 80; fromTo starts at 0 and ends at 160.", "Show resting state restores all markers to 80; repeated play produces the same endpoints without capturing stale styles.", "Progress zero and one match the labeled method endpoints, including immediate-render initialization.", "The three tracks and labels fit at 320px without horizontal page overflow." ], "unsupportedClaims": [ "Original composition, assets, timing, breakpoint behavior, and live interaction are not observable in captured frames. This brief does not establish visual fidelity or recover original code.", "The catalog teaches the three methods but supplies no recovered original values or visual arrangement. These three tracks and all values are newly authored.", "The embedded article links a second Pen as an illustration; neither linked Pen is being claimed as recovered source here." ], "dependencies": { "package": "gsap", "version": "3.15.0", "revision": "13e2b790546426a1a2e0e9b409f3f8dc6d6611f2", "repository": "https://github.com/greensock/GSAP", "plugins": [], "registration": "Core includes CSSPlugin; no separate plugin registration required.", "runtimeCandidates": [ { "path": "dist/gsap.js", "localPath": "artifacts/full-import/gsap/library/dist/gsap.js", "gitBlob": "ec5ffee3f099bc454f2f1c79cee6a55ba97e7400", "sha256": "01effe0e121c22ba0f885a3f091f3dc6d1f0d445c4fba37dcb298e314eca5cfb", "bytes": 179557 } ], "license": { "name": "GSAP Standard 'No Charge' License (custom, not MIT)", "localPath": "artifacts/full-import/gsap/licenses/gsap-standard-license.html", "sha256": "bf8536e67b77db780f7db0c14a645f184f554bb19e938d1e52d58986e2f10528", "bytes": 6988, "url": "https://gsap.com/community/standard-license/" }, "originalDependencyVersionKnown": false }, "runtimeVerified": false, "implementationWritten": false }