(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{115:function(e,n,a){"use strict";a.r(n),a.d(n,"frontMatter",(function(){return o})),a.d(n,"metadata",(function(){return c})),a.d(n,"rightToc",(function(){return l})),a.d(n,"default",(function(){return d}));var t=a(2),i=a(6),r=(a(0),a(131)),s=(a(132),a(133),a(134)),o={title:"Tween - Translation"},c={unversionedId:"examples/graphics/tween-translation",id:"examples/graphics/tween-translation",isDocsHomePage:!1,title:"Tween - Translation",description:"- source: examples/src/07-graphics/tween-translation.ts",source:"@site/docs\\examples\\graphics\\tween-translation.md",slug:"/examples/graphics/tween-translation",permalink:"/docs/examples/graphics/tween-translation",version:"current",sidebar:"docs",previous:{title:"Tween - Rotation",permalink:"/docs/examples/graphics/tween-rotation"},next:{title:"Vision Cone",permalink:"/docs/examples/graphics/vision-cone"}},l=[{value:"Linear",id:"linear",children:[]},{value:"Quadratic Ease In",id:"quadratic-ease-in",children:[]},{value:"Sine In",id:"sine-in",children:[]}],p={rightToc:l};function d(e){var n=e.components,a=Object(i.a)(e,["components"]);return Object(r.b)("wrapper",Object(t.a)({},p,a,{components:n,mdxType:"MDXLayout"}),Object(r.b)("ul",null,Object(r.b)("li",{parentName:"ul"},"source: ",Object(r.b)("inlineCode",{parentName:"li"},"examples/src/07-graphics/tween-translation.ts"))),Object(r.b)("h3",{id:"linear"},"Linear"),Object(r.b)(s.a,{name:"TweenTranslation",interpolation:"linear",width:400,height:300,mdxType:"APHCanvas"}),Object(r.b)("h3",{id:"quadratic-ease-in"},"Quadratic Ease In"),Object(r.b)(s.a,{name:"TweenTranslation",interpolation:"quadraticEaseIn",width:400,height:300,mdxType:"APHCanvas"}),Object(r.b)("h3",{id:"sine-in"},"Sine In"),Object(r.b)(s.a,{name:"TweenTranslation",interpolation:"sineIn",width:400,height:300,mdxType:"APHCanvas"}))}d.isMDXComponent=!0}}]);