Deploying to gh-pages from @ 0ef6776 🚀

composeResources/com.mbakgun.butterfly.effect.resources/drawable/rip.json

@@ -0,0 +1 @@
+{"nm":"RIP","ddd":0,"h":49,"w":41,"meta":{"g":"@lottiefiles/toolkit-js 0.33.2"},"layers":[{"ty":4,"nm":"Layer 2 Outlines","sr":1,"st":0,"op":75,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[3.648,4.808,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[26.148,53.874,0],"t":10,"ti":[0,4.854,0],"to":[0,-4.854,0]},{"s":[26.148,24.749,0],"t":25}],"ix":2,"x":"var $bm_rt;\nvar amp, freq, decay, n, n, t, t, v;\ntry {\n    amp = $bm_div(effect('Elastic: Position')(1), 200);\n    freq = $bm_div(effect('Elastic: Position')(2), 30);\n    decay = $bm_div(effect('Elastic: Position')(3), 10);\n    $bm_rt = n = 0;\n    if (numKeys > 0) {\n        $bm_rt = n = nearestKey(time).index;\n        if (key(n).time > time) {\n            n--;\n        }\n    }\n    if (n == 0) {\n        $bm_rt = t = 0;\n    } else {\n        $bm_rt = t = $bm_sub(time, key(n).time);\n    }\n    if (n > 0) {\n        v = velocityAtTime($bm_sub(key(n).time, $bm_div(thisComp.frameDuration, 10)));\n        $bm_rt = $bm_sum(value, $bm_div($bm_mul($bm_mul(v, amp), Math.sin($bm_mul($bm_mul($bm_mul(freq, t), 2), Math.PI))), Math.exp($bm_mul(decay, t))));\n    } else {\n        $bm_rt = value;\n    }\n} catch (e$$4) {\n    $bm_rt = value = value;\n}"},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[{"ty":5,"mn":"Pseudo/MDS Elastic Controller","nm":"Elastic: Position","ix":1,"en":1,"ef":[{"ty":0,"mn":"Pseudo/MDS Elastic Controller-0001","nm":"Amplitude","ix":1,"v":{"a":0,"k":20,"ix":1}},{"ty":0,"mn":"Pseudo/MDS Elastic Controller-0002","nm":"Frequency","ix":2,"v":{"a":0,"k":40,"ix":2}},{"ty":0,"mn":"Pseudo/MDS Elastic Controller-0003","nm":"Decay","ix":3,"v":{"a":0,"k":60,"ix":3}}]}],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-0.156,0.123],[0,0.226],[0.161,0.127],[0.286,0]],"o":[[0,0],[0,0],[0.293,0],[0.157,-0.123],[0,-0.227],[-0.16,-0.127],[0,0]],"v":[[-0.615,-1.904],[-0.615,-0.474],[-0.135,-0.474],[0.539,-0.659],[0.774,-1.183],[0.533,-1.714],[-0.135,-1.904]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-0.6,-0.5],[0,-1.086],[0.54,-0.467],[1.172,0],[0,0],[0,0]],"o":[[0,0],[0,0],[1.297,0],[0.599,0.5],[0,1.012],[-0.539,0.467],[0,0],[0,0],[0,0]],"v":[[-3.715,4.289],[-3.715,-4.289],[-0.029,-4.289],[2.816,-3.539],[3.715,-1.16],[2.906,1.058],[0.34,1.758],[-0.627,1.758],[-0.627,4.289]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.7059,0.0784,0.0784],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[3.965,4.539],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1},{"ty":4,"nm":"Layer 3 Outlines","sr":1,"st":0,"op":75,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[1.912,4.808,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[20.484,53.874,0],"t":10,"ti":[0,4.854,0],"to":[0,-4.854,0]},{"s":[20.484,24.749,0],"t":20}],"ix":2,"x":"var $bm_rt;\nvar amp, freq, decay, n, n, t, t, v;\ntry {\n    amp = $bm_div(effect('Elastic: Position')(1), 200);\n    freq = $bm_div(effect('Elastic: Position')(2), 30);\n    decay = $bm_div(effect('Elastic: Position')(3), 10);\n    $bm_rt = n = 0;\n    if (numKeys > 0) {\n        $bm_rt = n = nearestKey(time).index;\n        if (key(n).time > time) {\n            n--;\n        }\n    }\n    if (n == 0) {\n        $bm_rt = t = 0;\n    } else {\n        $bm_rt = t = $bm_sub(time, key(n).time);\n    }\n    if (n > 0) {\n        v = velocityAtTime($bm_sub(key(n).time, $bm_div(thisComp.frameDuration, 10)));\n        $bm_rt = $bm_sum(value, $bm_div($bm_mul($bm_mul(v, amp), Math.sin($bm_mul($bm_mul($bm_mul(freq, t), 2), Math.PI))), Math.exp($bm_mul(decay, t))));\n    } else {\n        $bm_rt = value;\n    }\n} catch (e$$4) {\n    $bm_rt = value = value;\n}"},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[{"ty":5,"mn":"Pseudo/MDS Elastic Controller","nm":"Elastic: Position","ix":1,"en":1,"ef":[{"ty":0,"mn":"Pseudo/MDS Elastic Controller-0001","nm":"Amplitude","ix":1,"v":{"a":0,"k":20,"ix":1}},{"ty":0,"mn":"Pseudo/MDS Elastic Controller-0002","nm":"Frequency","ix":2,"v":{"a":0,"k":40,"ix":2}},{"ty":0,"mn":"Pseudo/MDS Elastic Controller-0003","nm":"Decay","ix":3,"v":{"a":0,"k":60,"ix":3}}]}],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-1.568,-4.289],[1.568,-4.289],[1.568,4.289],[-1.568,4.289]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.7059,0.0784,0.0784],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[1.818,4.539],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":2},{"ty":4,"nm":"Layer 4 Outlines","sr":1,"st":0,"op":75,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[4.15,4.808,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[14.778,53.874,0],"t":10,"ti":[0,4.854,0],"to":[0,-4.854,0]},{"s":[14.778,24.749,0],"t":15}],"ix":2,"x":"var $bm_rt;\nvar amp, freq, decay, n, n, t, t, v;\ntry {\n    amp = $bm_div(effect('Elastic: Position')(1), 200);\n    freq = $bm_div(effect('Elastic: Position')(2), 30);\n    decay = $bm_div(effect('Elastic: Position')(3), 10);\n    $bm_rt = n = 0;\n    if (numKeys > 0) {\n        $bm_rt = n = nearestKey(time).index;\n        if (key(n).time > time) {\n            n--;\n        }\n    }\n    if (n == 0) {\n        $bm_rt = t = 0;\n    } else {\n        $bm_rt = t = $bm_sub(time, key(n).time);\n    }\n    if (n > 0) {\n        v = velocityAtTime($bm_sub(key(n).time, $bm_div(thisComp.frameDuration, 10)));\n        $bm_rt = $bm_sum(value, $bm_div($bm_mul($bm_mul(v, amp), Math.sin($bm_mul($bm_mul($bm_mul(freq, t), 2), Math.PI))), Math.exp($bm_mul(decay, t))));\n    } else {\n        $bm_rt = value;\n    }\n} catch (e$$4) {\n    $bm_rt = value = value;\n}"},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[{"ty":5,"mn":"Pseudo/MDS Elastic Controller","nm":"Elastic: Position","ix":1,"en":1,"ef":[{"ty":0,"mn":"Pseudo/MDS Elastic Controller-0001","nm":"Amplitude","ix":1,"v":{"a":0,"k":20,"ix":1}},{"ty":0,"mn":"Pseudo/MDS Elastic Controller-0002","nm":"Frequency","ix":2,"v":{"a":0,"k":40,"ix":2}},{"ty":0,"mn":"Pseudo/MDS Elastic Controller-0003","nm":"Decay","ix":3,"v":{"a":0,"k":60,"ix":3}}]}],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-0.158,0.142],[0,0.265],[0.158,0.146],[0.293,0]],"o":[[0,0],[0,0],[0.293,0],[0.158,-0.143],[0,-0.274],[-0.158,-0.147],[0,0]],"v":[[-0.967,-2.08],[-0.967,-0.404],[-0.487,-0.404],[0.19,-0.618],[0.428,-1.23],[0.19,-1.86],[-0.487,-2.08]]},"ix":2}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-0.594,-0.496],[0,-0.934],[0.299,-0.395],[0.508,-0.066],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[1.125,0],[0.593,0.496],[0,0.609],[-0.299,0.394],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-3.99,4.289],[-3.99,-4.289],[-0.112,-4.289],[2.467,-3.545],[3.357,-1.4],[2.909,0.106],[1.699,0.797],[3.99,4.289],[0.533,4.289],[-0.967,1.459],[-0.967,4.289]]},"ix":2}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.7059,0.0784,0.0784],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[4.24,4.539],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":3},{"ty":4,"nm":"Layer 5 Outlines","sr":1,"st":0,"op":75,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[21.473,25.679,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[20.444,26.004,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[-10.398,0],[0,-10.398],[0,0]],"o":[[0,0],[0,-10.398],[10.399,0],[0,0],[0,0]],"v":[[-18.828,23.035],[-18.828,-4.206],[0,-23.035],[18.828,-4.206],[18.828,23.035]]},"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.058,"ix":5},"c":{"a":0,"k":[0.7059,0.0784,0.0784],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[21.473,25.679],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"tm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Trim","nm":"Trim Paths 1","ix":2,"e":{"a":1,"k":[{"o":{"x":0.529,"y":0},"i":{"x":0.288,"y":1},"s":[0],"t":0},{"s":[100],"t":9}],"ix":2},"o":{"a":0,"k":0,"ix":3},"s":{"a":1,"k":[{"o":{"x":0.167,"y":0},"i":{"x":0.247,"y":1},"s":[0],"t":0},{"s":[0],"t":9}],"ix":1},"m":1}],"ind":4}],"v":"5.7.4","fr":25,"op":45,"ip":0,"assets":[]}

index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ButterflyEffect</title>
+    <link type="text/css" rel="stylesheet" href="styles.css">
+    <script type="application/javascript" src="composeApp.js"></script>
+</head>
+<body>
+</body>
+</html>

styles.css

@@ -0,0 +1,7 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}