1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <link rel="icon" href="./favicon.png" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 <link href="./_app/immutable/entry/start.Dm4cLdPS.js" rel="modulepreload"> 8 <link href="./_app/immutable/chunks/9_B5XUp7.js" rel="modulepreload"> 9 <link href="./_app/immutable/chunks/C23XFBLZ.js" rel="modulepreload"> 10 <link href="./_app/immutable/entry/app.Cw0F_a22.js" rel="modulepreload"> 11 <link href="./_app/immutable/chunks/xihTtKlq.js" rel="modulepreload"> 12 <link href="./_app/immutable/nodes/0.tyKNbZJI.js" rel="modulepreload"> 13 <link href="./_app/immutable/chunks/D-jOWuav.js" rel="modulepreload"> 14 <link href="./_app/immutable/nodes/2.BMycYe7R.js" rel="modulepreload"> 15 <!--1uha8ag-->
15<script lang="ts"> 16 document.documentElement.classList.add("dark", localStorage.theme === "dark" || !localStorage.theme && window.matchMedia("(prefers-color-scheme: dark)").matches) 17 </script>
17
17<script> 18 var timeout = 3000; // Timeout value to remove the flicker (in milliseconds) 19 !function(h,i,d,e){var t,n=h.createElement("style");n.id=e,n.innerHTML="body{opacity:0}",h.head.appendChild(n),t=d,i.rmfk=function(){var t=h.getElementById(e);t&&t.parentNode.removeChild(t)},setTimeout(i.rmfk,t)}(document,window,timeout,"abhide"); 20 </script>
20
20<script type="text/javascript" async="" src="https://cdn.mida.so/js/optimize.js?key=34MV9Wnqd0m0LYXrGNLpJw"></script>
20<!----> 21 <link href="./_app/immutable/assets/0.Dyx4KqVW.css" rel="stylesheet"> 22 </head> 23 <body data-sveltekit-preload-data="hover"> 24 <div style="display: contents"><!--[--><!--[0--><!--[--><!--[--><!--[--><title>AviUtl Bezier</title> <div class="py-3 tracking-widest md:tracking-[.5em] text-center text-slate-400 hover:text-slate-700 dark:hover:text-slate-50 transition-colors pseudobutton">click here to switch theme</div> <h1 class="p-4 text-5xl mb-12 bg-slate-200 dark:bg-slate-800"><a href="https://www.videohelp.com/software/AviUtl">AviUtl</a> Cubic Bezier Function Converter</h1> <div id="everything" class="flex justify-center items-center flex-col max-w-7xl mx-auto px-2"><p class="text-2xl mb-2">Begin by selecting a CSS cubic-bezier function from <a href="https://easings.net" target="_blank">easings.net</a> or <a href="https://cubic-bezier.com" target="_blank">cubic-bezier.com</a>, then paste it into the box below.</p> <p class="text-xl mb-4">The tool will read the last four numbers to use as the cubic bezier function arguments.</p> <input type="text" value="" size="50" class="max-w-full text-2xl text-center p-2 mb-6 font-mono"/> <p class="text-xl mb-4">the <b>BezierTrackT</b> object's <b>GraphSize</b> is set to <input type="number" size="5" step="1" value="200" min="1" max="1000"/>. (if you don't know what it is, leave it at 200.)</p> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 16 16" class="size-24 block text-slate-300"><path fill="currentColor" fill-rule="evenodd" d="M10.72 10.159a.75.75 0 1 1 1.06 1.06l-3.25 3.25L8 15l-.53-.53l-3.25-3.25a.75.75 0 0 1 1.06-1.061l1.97 1.97V1.75a.75.75 0 1 1 1.5 0v10.379z" clip-rule="evenodd"></path></svg><!----> <p class="mb-4 text-slate-300"><!--[1-->Waiting for input.<!--]--></p> <input type="text" disabled="" value="" class="max-w-full font-mono text-center text-3xl px-2 py-3" size="30"/> <button class="border-teal-600 border-2 block my-2 px-2 py-1 text-xl w-full sm:max-w-96 text-center transition-transform active:scale-95">click here to copy output to clipboard</button> <p class="text-2xl mb-16">Finally, paste the output into the <b>Anchor</b> parameter in the object setting.</p> <p class="w-full border-b-slate-300 border-b-2 mb-8"></p> <p class="text-3xl">Alternatively, here are some presets for quick grabbing!</p> <p class="text-lg mb-6">(all values assume GraphSize = 200. click to copy)</p> <ul class="grid grid-cols-1 md:grid-cols-3 w-full mb-40"><!--[--><li class="flex flex-col justify-center items-center bg-white dark:bg-slate-600 p-4 m-4 transition-all hover:scale-105 active:scale-100 active:bg-teal-50 dark:active:bg-teal-600 pseudobutton"><h1 class="text-2xl">easeInSine</h1> <p class="text-mono text-slate-600 dark:text-slate-400">{-76,100,-22,100}</p></li><li class="flex flex-col justify-center items-center bg-white dark:bg-slate-600 p-4 m-4 transition-all hover:scale-105 active:scale-100 active:bg-teal-50 dark:active:bg-teal-600 pseudobutton"><h1 class="text-2xl">easeOutSine</h1> <p class="text-mono text-slate-600 dark:text-slate-400">{22,-100,76,-100}</p></li><li class="flex flex-col justify-center items-center bg-white dark:bg-slate-600 p-4 m-4 transition-all hover:scale-105 active:scale-100 active:bg-teal-50 dark:active:bg-teal-600 pseudobutton"><h1 class="text-2xl">easeInOutSine</h1> <p class="text-mono text-slate-600 dark:text-slate-400">{-26,100,26,-100}</p></li><li class="flex flex-col justify-center items-center bg-white dark:bg-slate-600 p-4 m-4 transition-all hover:scale-105 active:scale-100 active:bg-teal-50 dark:active:bg-teal-600 pseudobutton"><h1 class="text-2xl">easeInBack</h1> <p class="text-mono text-slate-600 dark:text-slate-400">{-28,100,32,212}</p></li><li class="flex flex-col justify-center items-center bg-white dark:bg-slate-600 p-4 m-4 transition-all hover:scale-105 active:scale-100 active:bg-teal-50 dark:active:bg-teal-600 pseudobutton"><h1 class="text-2xl">easeOutBack</h1> <p class="text-mono text-slate-600 dark:text-slate-400">{-32,-212,28,-100}</p></li><li class="flex flex-col justify-center items-center bg-white dark:bg-slate-600 p-4 m-4 transition-all hover:scale-105 active:scale-100 active:bg-teal-50 dark:active:bg-teal-600 pseudobutton"><h1 class="text-2xl">easeInOutBack</h1>
24 <p class="text-mono text-slate-600 dark:text-slate-400">{36,220,-36,-220}</p></li><!--]--></ul></div> <footer class="flex flex-col justify-center items-center py-20 bg-slate-200 dark:bg-slate-600"><p>© hexakon 2024</p> <p>a super simple sveltekit practice done over two days.</p> <a href="https://github.com/Hexakon/aviutl-bezier" target="_blank">github sauce</a></footer><!--]--><!--]--><!--]--><!--]--> <!--[-1--><!--]--><!--]--> 25 26
26<script> 27 { 28 __sveltekit_1i0auns = { 29 base: new URL(".", location).pathname.slice(0, -1) 30 }; 31 32 const element = document.currentScript.parentElement; 33 34 Promise.all([ 35 import("./_app/immutable/entry/start.Dm4cLdPS.js"), 36 import("./_app/immutable/entry/app.Cw0F_a22.js") 37 ]).then(([kit, app]) => { 38 kit.start(app, element, { 39 node_ids: [0, 2], 40 data: [null,null], 41 form: null, 42 error: null 43 }); 44 }); 45 } 46 </script>
46 47 </div> 48 </body> 49</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.