Skip to content

Instantly share code, notes, and snippets.

@forresto
Last active January 27, 2025 13:23
Show Gist options
  • Save forresto/35e3b45b5fb0ab1e0625c4410da84105 to your computer and use it in GitHub Desktop.
Save forresto/35e3b45b5fb0ab1e0625c4410da84105 to your computer and use it in GitHub Desktop.
{
"info": {
"title": "video loop to zoom",
"author": "forresto",
"description": "video loop, it was animated in webflow, but it's more visible in meemoo",
"url": "perpetual-zoom-motion",
"parents": [
"https://gist.github.com/forresto/35e3b45b5fb0ab1e0625c4410da84105"
]
},
"nodes": [
{
"id": 4,
"src": "meemoo:video/player",
"x": 571,
"y": 141,
"w": 304,
"h": 540,
"state": {
"url": "https://www.forresto.com/meemoo/2019-01-01-video-transition-loop.mp4",
"volume": 0,
"muted": true,
"autoplay": false,
"loop": true
}
},
{
"id": 5,
"src": "meemoo:image/transform",
"x": 1325,
"y": 164,
"w": 775.333313,
"h": 1409.333374,
"state": {
"width": 1080,
"height": 1920,
"scale": 1,
"translateX": 0,
"translateY": 0,
"rotate": 0,
"composite": "source-over",
"smoothing": "true"
}
},
{
"id": 6,
"src": "meemoo:time/tween",
"x": 855,
"y": 767,
"w": 200,
"h": 210,
"state": {
"from": 1,
"to": 2.8,
"duration": 5,
"type": "Sinusoidal",
"ease": "InOut",
"loop": true,
"pingpong": true
}
},
{
"id": 7,
"src": "meemoo:time/tween",
"x": 458,
"y": 806,
"w": 200,
"h": 210,
"state": {
"from": 0,
"to": 1,
"duration": 5,
"type": "Linear",
"ease": "InOut",
"loop": true,
"pingpong": false
}
},
{
"id": 8,
"src": "meemoo:time/tween",
"x": 858,
"y": 1325,
"w": 200,
"h": 210,
"state": {
"from": 0,
"to": -1000,
"duration": 5,
"type": "Sinusoidal",
"ease": "InOut",
"loop": true,
"pingpong": true
}
},
{
"id": 9,
"src": "meemoo:time/tween",
"x": 852,
"y": 1037,
"w": 200,
"h": 210,
"state": {
"from": 0,
"to": 620,
"duration": 5,
"type": "Sinusoidal",
"ease": "InOut",
"loop": true,
"pingpong": true
}
},
{
"id": 11,
"src": "meemoo:ui/button",
"x": 129,
"y": 107,
"w": 200,
"h": 210,
"state": {
"label": "start"
}
},
{
"id": 12,
"src": "meemoo:ui/hslider",
"x": 181,
"y": 1167,
"w": 200,
"h": 210,
"state": {
"value": 5,
"min": 0.5,
"max": 10,
"step": 0
}
}
],
"edges": [
{
"source": [
4,
"stream"
],
"target": [
5,
"image"
]
},
{
"source": [
6,
"value"
],
"target": [
5,
"scale"
]
},
{
"source": [
7,
"value"
],
"target": [
6,
"percent"
]
},
{
"source": [
7,
"value"
],
"target": [
8,
"percent"
]
},
{
"source": [
8,
"value"
],
"target": [
5,
"translateY"
]
},
{
"source": [
7,
"value"
],
"target": [
9,
"percent"
]
},
{
"source": [
9,
"value"
],
"target": [
5,
"translateX"
]
},
{
"source": [
11,
"bang"
],
"target": [
4,
"play"
]
},
{
"source": [
11,
"bang"
],
"target": [
7,
"start"
]
},
{
"source": [
12,
"value"
],
"target": [
7,
"duration"
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment