1var _____WB$wombat$assign$function_____=function(name){return (globalThis._wb_wombat && globalThis._wb_wombat.local_init && globalThis._wb_wombat.local_init(name))||globalThis[name];};if(!globalThis.__WB_pmw){globalThis.__WB_pmw=function(obj){this.__WB_source=obj;return this;}}{ 2let window = _____WB$wombat$assign$function_____("window"); 3let self = _____WB$wombat$assign$function_____("self"); 4let document = _____WB$wombat$assign$function_____("document"); 5let location = _____WB$wombat$assign$function_____("location"); 6let top = _____WB$wombat$assign$function_____("top"); 7let parent = _____WB$wombat$assign$function_____("parent"); 8let frames = _____WB$wombat$assign$function_____("frames"); 9let opener = _____WB$wombat$assign$function_____("opener"); 10"use strict";(self.webpackChunk_motion_canvas_docs=self.webpackChunk_motion_canvas_docs||[]).push([[53],{1109:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"docs":[{"type":"link","label":"Introduction","href":"/docs/","docId":"intro"},{"type":"category","label":"Getting Started","collapsible":true,"collapsed":false,"items":[{"type":"link","label":"Quickstart","href":"/docs/quickstart","docId":"getting-started/quickstart"},{"type":"link","label":"Animation flow","href":"/docs/flow","docId":"getting-started/flow"},{"type":"link","label":"Scene hierarchy","href":"/docs/hierarchy","docId":"getting-started/hierarchy"},{"type":"link","label":"Positioning","href":"/docs/positioning","docId":"getting-started/positioning"},{"type":"link","label":"Layouts","href":"/docs/layouts","docId":"getting-started/layouts"},{"type":"link","label":"Signals","href":"/docs/signals","docId":"getting-started/signals"},{"type":"link","label":"References","href":"/docs/references","docId":"getting-started/references"},{"type":"link","label":"Tweening","href":"/docs/tweening","docId":"getting-started/tweening"},{"type":"link","label":"Time Events","href":"/docs/time-events","docId":"getting-started/time-events"},{"type":"link","label":"Transitions","href":"/docs/transitions","docId":"getting-started/transitions"},{"type":"link","label":"Logging","href":"/docs/logging","docId":"getting-started/logging"},{"type":"link","label":"Media","href":"/docs/media","docId":"getting-started/media"},{"type":"link","label":"Rendering","href":"/docs/rendering","docId":"getting-started/rendering"},{"type":"link","label":"Presentation","href":"/docs/presentation","docId":"getting-started/presentation"},{"type":"link","label":"Configuration","href":"/docs/configuration","docId":"getting-started/configuration"}],"href":"/docs/category/getting-started"},{"type":"category","label":"Components","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"CodeBlock","href":"/docs/code-block","docId":"components/code-block"},{"type":"link","label":"LaTeX","href":"/docs/nodes","docId":"components/nodes"},{"type":"link","label":"Custom Components","href":"/docs/custom-components","docId":"components/custom-components"}],"href":"/docs/category/components"},{"type":"category","label":"Advanced","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Custom font","href":"/docs/custom-font","docId":"advanced/custom-font"},{"type":"link","label":"Project variables","href":"/docs/project-variables","docId":"advanced/project-variables"},{"type":"link","label":"Random values","href":"/docs/random-values","docId":"advanced/random"},{"type":"link","label":"Spawners","href":"/docs/spawners","docId":"advanced/spawners"}],"href":"/docs/category/advanced"},{"type":"category","label":"Migration","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Update Guide","href":"/docs/updating","docId":"migration/updating"},{"type":"link","label":"Version 3","href":"/docs/migrating-to-3.0.0","docId":"migration/3.0.0"}],"href":"/docs/category/migration"}]},"docs":{"advanced/custom-font":{"id":"advanced/custom-font","title":"Custom font","description":"Loading fonts from the web","sidebar":"docs"},"advanced/project-variables":{"id":"advanced/project-variables","title":"Project variables","de
10scription":"Making animations dynamic can be achieved using project variables. These could","sidebar":"docs"},"advanced/random":{"id":"advanced/random","title":"Random values","description":"Randomly generated values can be used to create a sense of variety and","sidebar":"docs"},"advanced/spawners":{"id":"advanced/spawners","title":"Spawners","description":"Sometimes we want the children of a given node to be reactive. In other words,","sidebar":"docs"},"components/code-block":{"id":"components/code-block","title":"CodeBlock","description":"The CodeBlock component is used to present syntax highlighted code. It can","sidebar":"docs"},"components/custom-components":{"id":"components/custom-components","title":"Custom Components","description":"Components are classes like Rect and","sidebar":"docs"},"components/nodes":{"id":"components/nodes","title":"LaTeX","description":"A note on tweening LaTeX","sidebar":"docs"},"getting-started/configuration":{"id":"getting-started/configuration","title":"Configuration","description":"Motion Canvas is configured in the Vite\'s configuration file:","sidebar":"docs"},"getting-started/flow":{"id":"getting-started/flow","title":"Animation flow","description":"Motion Canvas uses generator functions to describe animations.","sidebar":"docs"},"getting-started/hierarchy":{"id":"getting-started/hierarchy","title":"Scene hierarchy","description":"Scenes are collections of nodes displayed in your animation. They\'re organized","sidebar":"docs"},"getting-started/layouts":{"id":"getting-started/layouts","title":"Layouts","description":"Layouts allow you to arrange your nodes using Flexbox. Any node","sidebar":"docs"},"getting-started/logging":{"id":"getting-started/logging","title":"Logging","description":"One method of debugging your co
10de or animation flow is using logging messages.","sidebar":"docs"},"getting-started/media":{"id":"getting-started/media","title":"Media","description":"In this chapter we will take a look at all the different types of media Motion","sidebar":"docs"},"getting-started/positioning":{"id":"getting-started/positioning","title":"Positioning","description":"Motion Canvas uses a Cartesian coordinate system. Its origin is located in the","sidebar":"docs"},"getting-started/presentation":{"id":"getting-started/presentation","title":"Presentation","description":"Aside from exporting your animations, you can use Motion Canvas to present them","sidebar":"docs"},"getting-started/quickstart":{"id":"getting-started/quickstart","title":"Quickstart","description":"In this guide, we\'ll create a simple animation using Motion Canvas.","sidebar":"docs"},"getting-started/references":{"id":"getting-started/references","title":"References","description":"Usually, when creating a node, we want to store a reference to it, so we can","sidebar":"docs"},"getting-started/rendering":{"id":"getting-started/rendering","title":"Rendering","description":"The Video Settings tab serves as the main control panel for all things related","sidebar":"docs"},"getting-started/signals":{"id":"getting-started/signals","title":"Signals","description":"Signals represent a value that may change over time. They can be used to define","sidebar":"docs"},"getting-started/time-events":{"id":"getting-started/time-events","title":"Time Events","description":"One of the pain points of creating explanatory animations using code is","sidebar":"docs"},"getting-started/transitions":{"id":"getting-started/transitions","title":"Transitions","description":"Transitions allow you to customize the way scenes transition from one into","sidebar":"docs"},"getting-started/tweening":{"id":"getting-started/tweening","title":"Tweening","description":"Tweens are one of the fundamental building blocks of animation. They are a","sidebar":"docs"},"intro":{"id":"intro","title":"Introduction","description":"Motion Canvas consists of two main components:","sidebar":"docs"},"migration/3.0.0":{"id":"migration/3.0.0","title":"Version 3","description":"Installation","sidebar":"docs"},"migration/updating":{"id":"migration/updating","title":"Update Guide","description":"The latest patch notes can be found","sidebar":"docs"}}}')}}]);
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.