faster-marketplace-local/theme-1d39fbc1baa84428bd32a128761e748b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
theme-1d39fbc1baa84428bd32a…/assets/motions/pages/index.fmtion
Faster Marketplace b02b44842b Publish theme: Torso Theme - assets/motions/pages/index.fmtion
2026-01-16 17:02:05 +00:00

668 lines
19 KiB
Plaintext
Raw Permalink Blame History

{
"meta": {
"name": "Tesoro XP Animations",
"duration": 10000,
"fps": 60,
"createdAt": "2025-12-30T17:30:00.000Z",
"modifiedAt": "2026-01-14T18:00:00.000Z"
},
"parameters": {},
"dom": [
{
"id": "hero-content",
"selector": "[data-hero-content]",
"from": { "opacity": 1, "y": 0 },
"to": { "opacity": 0, "y": 50 },
"ease": "easeInOutExpo",
"duration": 1000,
"stagger": { "each": 0.03, "from": "end" },
"keyframes": [
{
"time": 0,
"properties": { "opacity": 1, "y": 0 },
"easing": "easeInOutExpo"
},
{
"time": 0.4,
"properties": { "opacity": 0, "y": 50 },
"easing": "easeInOutExpo"
}
],
"scroll": {
"trigger": "[data-hero-track]",
"start": "top top",
"end": "bottom bottom",
"pin": "[data-hero-pin]",
"scrub": true
}
},
{
"id": "hero-visual",
"selector": "[data-hero-visual]",
"from": {
"scale": 1,
"width": "100vw",
"clipPath": "polygon(50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%, 0% 0%)"
},
"to": {
"scale": 0.7,
"width": "100vh",
"clipPath": "polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%)"
},
"ease": "easeOutExpo",
"duration": 1000,
"keyframes": [
{
"time": 0.2,
"properties": {
"scale": 1,
"width": "100vw",
"clipPath": "polygon(50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%, 0% 0%)"
},
"easing": "easeOutExpo"
},
{
"time": 1,
"properties": {
"scale": 0.7,
"width": "100vh",
"clipPath": "polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%)"
},
"easing": "easeOutExpo"
}
],
"scroll": {
"trigger": "[data-hero-track]",
"start": "top top",
"end": "bottom bottom",
"pin": "[data-hero-pin]",
"scrub": true
}
},
{
"id": "nav-logo",
"selector": "[data-nav-logo]",
"from": { "opacity": 0, "y": -20 },
"to": { "opacity": 1, "y": 0 },
"ease": "easeOutExpo",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "opacity": 0, "y": -20 },
"easing": "easeOutExpo"
},
{
"time": 1,
"properties": { "opacity": 1, "y": 0 },
"easing": "easeOutExpo"
}
],
"scroll": {
"trigger": "[data-hero-trigger]",
"start": "top top",
"end": "top top",
"scrub": true
}
},
{
"id": "merchant-h2",
"selector": "section.product_wrap:nth-of-type(1) h2",
"from": { "opacity": 0, "y": 50 },
"to": { "opacity": 1, "y": 0 },
"ease": "easeOutCubic",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "opacity": 0, "y": 50 },
"easing": "easeOutCubic"
},
{
"time": 1,
"properties": { "opacity": 1, "y": 0 },
"easing": "easeOutCubic"
}
],
"scroll": {
"trigger": "section.product_wrap:nth-of-type(1)",
"start": "top bottom",
"end": "top 30%",
"scrub": true
}
},
{
"id": "merchant-p",
"selector": "section.product_wrap:nth-of-type(1) p",
"from": { "opacity": 0, "y": 30 },
"to": { "opacity": 1, "y": 0 },
"ease": "easeOutQuad",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "opacity": 0, "y": 30 },
"easing": "easeOutQuad"
},
{
"time": 1,
"properties": { "opacity": 1, "y": 0 },
"easing": "easeOutQuad"
}
],
"scroll": {
"trigger": "section.product_wrap:nth-of-type(1)",
"start": "top bottom",
"end": "top 30%",
"scrub": true
}
},
{
"id": "studio-h2",
"selector": "section.product_wrap:nth-of-type(2) h2",
"from": { "opacity": 0, "y": 50 },
"to": { "opacity": 1, "y": 0 },
"ease": "easeOutCubic",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "opacity": 0, "y": 50 },
"easing": "easeOutCubic"
},
{
"time": 1,
"properties": { "opacity": 1, "y": 0 },
"easing": "easeOutCubic"
}
],
"scroll": {
"trigger": "section.product_wrap:nth-of-type(2)",
"start": "top bottom",
"end": "top 30%",
"scrub": true
}
},
{
"id": "studio-p",
"selector": "section.product_wrap:nth-of-type(2) p",
"from": { "opacity": 0, "y": 30 },
"to": { "opacity": 1, "y": 0 },
"ease": "easeOutQuad",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "opacity": 0, "y": 30 },
"easing": "easeOutQuad"
},
{
"time": 1,
"properties": { "opacity": 1, "y": 0 },
"easing": "easeOutQuad"
}
],
"scroll": {
"trigger": "section.product_wrap:nth-of-type(2)",
"start": "top bottom",
"end": "top 30%",
"scrub": true
}
},
{
"id": "gamer-h2",
"selector": "section.product_wrap:nth-of-type(3) h2",
"from": { "opacity": 0, "y": 50 },
"to": { "opacity": 1, "y": 0 },
"ease": "easeOutCubic",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "opacity": 0, "y": 50 },
"easing": "easeOutCubic"
},
{
"time": 1,
"properties": { "opacity": 1, "y": 0 },
"easing": "easeOutCubic"
}
],
"scroll": {
"trigger": "section.product_wrap:nth-of-type(3)",
"start": "top bottom",
"end": "top 30%",
"scrub": true
}
},
{
"id": "gamer-p",
"selector": "section.product_wrap:nth-of-type(3) p",
"from": { "opacity": 0, "y": 30 },
"to": { "opacity": 1, "y": 0 },
"ease": "easeOutQuad",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "opacity": 0, "y": 30 },
"easing": "easeOutQuad"
},
{
"time": 1,
"properties": { "opacity": 1, "y": 0 },
"easing": "easeOutQuad"
}
],
"scroll": {
"trigger": "section.product_wrap:nth-of-type(3)",
"start": "top bottom",
"end": "top 30%",
"scrub": true
}
},
{
"id": "card-parallax-1",
"selector": ".how_layout .card_wrap:nth-child(1)",
"from": { "y": 80 },
"to": { "y": -80 },
"ease": "linear",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "y": 80 },
"easing": "linear"
},
{
"time": 1,
"properties": { "y": -80 },
"easing": "linear"
}
],
"scroll": {
"trigger": ".how_layout .card_wrap:nth-child(1)",
"start": "top bottom",
"end": "bottom top",
"scrub": true
}
},
{
"id": "card-parallax-2",
"selector": ".how_layout .card_wrap:nth-child(2)",
"from": { "y": 120 },
"to": { "y": -120 },
"ease": "linear",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "y": 120 },
"easing": "linear"
},
{
"time": 1,
"properties": { "y": -120 },
"easing": "linear"
}
],
"scroll": {
"trigger": ".how_layout .card_wrap:nth-child(2)",
"start": "top bottom",
"end": "bottom top",
"scrub": true
}
},
{
"id": "card-parallax-3",
"selector": ".how_layout .card_wrap:nth-child(3)",
"from": { "y": 160 },
"to": { "y": -160 },
"ease": "linear",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "y": 160 },
"easing": "linear"
},
{
"time": 1,
"properties": { "y": -160 },
"easing": "linear"
}
],
"scroll": {
"trigger": ".how_layout .card_wrap:nth-child(3)",
"start": "top bottom",
"end": "bottom top",
"scrub": true
}
},
{
"id": "card-parallax-4",
"selector": ".how_layout .card_wrap:nth-child(4)",
"from": { "y": 200 },
"to": { "y": -200 },
"ease": "linear",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": { "y": 200 },
"easing": "linear"
},
{
"time": 1,
"properties": { "y": -200 },
"easing": "linear"
}
],
"scroll": {
"trigger": ".how_layout .card_wrap:nth-child(4)",
"start": "top bottom",
"end": "bottom top",
"scrub": true
}
},
{
"id": "theme-to-merchant",
"selector": "body",
"from": {},
"to": {
"--_theme---background": "#c8fbd4",
"--_theme---text": "#2a4935",
"--_theme---background-2": "#94ffb4",
"--_theme---heading-accent": "#3ace67",
"--_theme---card-background": "#3ace67",
"--_theme---card-border": "#94ffb4",
"--_theme---selection--background": "#94ffb4",
"--_theme---selection--text": "#2a4935",
"--_theme---nav--background": "#c8fbd4",
"--_theme---nav--link-hover": "#fdf8f3",
"--_theme---shadow": "#2a4935",
"--_theme---button--icon": "#fdf8f3",
"--_theme---button--icon-base": "#222",
"--_theme---button--background": "white",
"--_theme---button--text": "#222"
},
"ease": "easeOutCubic",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": {},
"easing": "easeOutCubic"
},
{
"time": 1,
"properties": {
"--_theme---background": "#c8fbd4",
"--_theme---text": "#2a4935",
"--_theme---background-2": "#94ffb4",
"--_theme---heading-accent": "#3ace67",
"--_theme---card-background": "#3ace67",
"--_theme---card-border": "#94ffb4",
"--_theme---selection--background": "#94ffb4",
"--_theme---selection--text": "#2a4935",
"--_theme---nav--background": "#c8fbd4",
"--_theme---nav--link-hover": "#fdf8f3",
"--_theme---shadow": "#2a4935",
"--_theme---button--icon": "#fdf8f3",
"--_theme---button--icon-base": "#222",
"--_theme---button--background": "white",
"--_theme---button--text": "#222"
},
"easing": "easeOutCubic"
}
],
"scroll": {
"trigger": "[data-animate-theme-to='merchant']",
"start": "top 60%",
"end": "top 40%",
"scrub": true
}
},
{
"id": "theme-to-studio",
"selector": "body",
"from": {},
"to": {
"--_theme---background": "#feebc9",
"--_theme---text": "#664910",
"--_theme---background-2": "#ffdfa0",
"--_theme---heading-accent": "#ffb627",
"--_theme---card-background": "#ffb627",
"--_theme---card-border": "#ffdfa0",
"--_theme---selection--background": "#ffdfa0",
"--_theme---selection--text": "#664910",
"--_theme---nav--background": "#feebc9",
"--_theme---nav--link-hover": "#fdf8f3",
"--_theme---shadow": "#664910",
"--_theme---button--icon": "#fdf8f3",
"--_theme---button--icon-base": "#222",
"--_theme---button--background": "white",
"--_theme---button--text": "#222"
},
"ease": "easeOutCubic",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": {},
"easing": "easeOutCubic"
},
{
"time": 1,
"properties": {
"--_theme---background": "#feebc9",
"--_theme---text": "#664910",
"--_theme---background-2": "#ffdfa0",
"--_theme---heading-accent": "#ffb627",
"--_theme---card-background": "#ffb627",
"--_theme---card-border": "#ffdfa0",
"--_theme---selection--background": "#ffdfa0",
"--_theme---selection--text": "#664910",
"--_theme---nav--background": "#feebc9",
"--_theme---nav--link-hover": "#fdf8f3",
"--_theme---shadow": "#664910",
"--_theme---button--icon": "#fdf8f3",
"--_theme---button--icon-base": "#222",
"--_theme---button--background": "white",
"--_theme---button--text": "#222"
},
"easing": "easeOutCubic"
}
],
"scroll": {
"trigger": "[data-animate-theme-to='studio']",
"start": "top 60%",
"end": "top 40%",
"scrub": true
}
},
{
"id": "theme-to-gamer",
"selector": "body",
"from": {},
"to": {
"--_theme---background": "#f8d0f6",
"--_theme---text": "#552858",
"--_theme---background-2": "#f3a9f9",
"--_theme---heading-accent": "#d464dc",
"--_theme---card-background": "#d464dc",
"--_theme---card-border": "#f3a9f9",
"--_theme---selection--background": "#f3a9f9",
"--_theme---selection--text": "#552858",
"--_theme---nav--background": "#f8d0f6",
"--_theme---nav--link-hover": "#fdf8f3",
"--_theme---shadow": "#552858",
"--_theme---button--icon": "#fdf8f3",
"--_theme---button--icon-base": "#222",
"--_theme---button--background": "white",
"--_theme---button--text": "#222"
},
"ease": "easeOutCubic",
"duration": 1000,
"keyframes": [
{
"time": 0,
"properties": {},
"easing": "easeOutCubic"
},
{
"time": 1,
"properties": {
"--_theme---background": "#f8d0f6",
"--_theme---text": "#552858",
"--_theme---background-2": "#f3a9f9",
"--_theme---heading-accent": "#d464dc",
"--_theme---card-background": "#d464dc",
"--_theme---card-border": "#f3a9f9",
"--_theme---selection--background": "#f3a9f9",
"--_theme---selection--text": "#552858",
"--_theme---nav--background": "#f8d0f6",
"--_theme---nav--link-hover": "#fdf8f3",
"--_theme---shadow": "#552858",
"--_theme---button--icon": "#fdf8f3",
"--_theme---button--icon-base": "#222",
"--_theme---button--background": "white",
"--_theme---button--text": "#222"
},
"easing": "easeOutCubic"
}
],
"scroll": {
"trigger": "[data-animate-theme-to='gamer']",
"start": "top 60%",
"end": "top 40%",
"scrub": true
}
},
{
"id": "gradient-heading-gradient",
"selector": ".how_title_wrap [data-gradient-reveal='gradient']",
"from": { "opacity": 0 },
"to": { "opacity": 1 },
"ease": "easeOutExpo",
"duration": 1000,
"splitText": "chars",
"stagger": 0.03,
"keyframes": [
{
"time": 0,
"properties": { "opacity": 0 },
"easing": "easeOutExpo"
},
{
"time": 1,
"properties": { "opacity": 1 },
"easing": "easeOutExpo"
}
],
"scroll": {
"trigger": ".how_title_wrap .gradient-reveal-wrap",
"start": "top 80%",
"end": "top 50%",
"scrub": true
}
},
{
"id": "gradient-heading-overlay",
"selector": ".how_title_wrap [data-gradient-reveal='overlay']",
"from": { "opacity": 1 },
"to": { "opacity": 0 },
"ease": "easeOutExpo",
"duration": 1000,
"splitText": "chars",
"stagger": 0.03,
"keyframes": [
{
"time": 0,
"properties": { "opacity": 1 },
"easing": "easeOutExpo"
},
{
"time": 1,
"properties": { "opacity": 0 },
"easing": "easeOutExpo"
}
],
"scroll": {
"trigger": ".how_title_wrap .gradient-reveal-wrap",
"start": "top 80%",
"end": "top 50%",
"scrub": true
}
}
],
"canvas": [],
"lottie": [
{
"id": "lottie-connect",
"container": ".how_layout .card_wrap:nth-child(1) [data-lottie]",
"src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/connect.json",
"scroll": {
"trigger": ".how_layout .card_wrap:nth-child(1)",
"start": "top 80%",
"end": "top 30%",
"scrub": true
}
},
{
"id": "lottie-activate",
"container": ".how_layout .card_wrap:nth-child(2) [data-lottie]",
"src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/activate.json",
"scroll": {
"trigger": ".how_layout .card_wrap:nth-child(2)",
"start": "top 80%",
"end": "top 30%",
"scrub": true
}
},
{
"id": "lottie-spend",
"container": ".how_layout .card_wrap:nth-child(3) [data-lottie]",
"src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/spend.json",
"scroll": {
"trigger": ".how_layout .card_wrap:nth-child(3)",
"start": "top 80%",
"end": "top 30%",
"scrub": true
}
},
{
"id": "lottie-reward",
"container": ".how_layout .card_wrap:nth-child(4) [data-lottie]",
"src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/reward.json",
"scroll": {
"trigger": ".how_layout .card_wrap:nth-child(4)",
"start": "top 80%",
"end": "top 30%",
"scrub": true
}
},
{
"id": "lottie-merchant",
"container": ".product_visual.u-card-green [data-lottie]",
"src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/merchant-lottie.json",
"autoplay": true,
"loop": true
},
{
"id": "lottie-studio",
"container": ".product_visual.u-card-gold [data-lottie]",
"src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/game-studio.json",
"autoplay": true,
"loop": true
},
{
"id": "lottie-gamer",
"container": ".product_visual.u-card-fuchsia [data-lottie]",
"src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/gamer.json",
"autoplay": true,
"loop": true
}
]
}
Reference in New Issue View Git Blame Copy Permalink