1<!doctype html> 2<head> 3<meta charset="UTF-8"> 4<meta name="generator" content="Docusaurus v2.3.1"> 5<title data-rh="true">@motion-canvas/core | Motion Canvas</title> 6<meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"> 7<meta data-rh="true" name="twitter:card" content="summary_large_image"> 8<meta data-rh="true" property="og:image" content="/img/banner.png"> 9<meta data-rh="true" name="twitter:image" content="/img/banner.png"> 10<meta data-rh="true" property="og:url" content="/api/core"> 11<meta data-rh="true" name="docusaurus_locale" content="en"> 12<meta data-rh="true" name="docsearch:language" content="en"> 13<meta data-rh="true" name="keywords" content="typescript, animation, library"> 14<meta data-rh="true" name="docusaurus_version" content="current"> 15<meta data-rh="true" name="docusaurus_tag" content="docs-default-current"> 16<meta data-rh="true" name="docsearch:version" content="current"> 17<meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"> 18<meta data-rh="true" property="og:title" content="@motion-canvas/core | Motion Canvas"> 19<link data-rh="true" rel="icon" href="/img/favicon.svg"> 20<link data-rh="true" rel="canonical" href="/api/core"> 21<link data-rh="true" rel="alternate" href="/api/core" hreflang="en"> 22<link data-rh="true" rel="alternate" href="/api/core" hreflang="x-default"> 23<link data-rh="true" rel="preconnect" href="https://q6z7bj83rf-dsn.algolia.net/" crossorigin="anonymous"> 24<link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Motion Canvas RSS Feed"> 25<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Motion Canvas Atom Feed"> 26<link rel="search" type="application/opensearchdescription+xml" title="Motion Canvas" href="/opensearch.xml"> 27<link rel="stylesheet" href="/assets/css/styles.bf18f5e5.css"> 28<link rel="preload" href="/assets/js/runtime~main.d9a5732d.js" as="script"> 29<link rel="preload" href="/assets/js/main.6aa94b2f.js" as="script"> 30</head><body class="navigation-with-keyboard"> 31
31<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"dark")}()</script>
31 32 33<div id="__docusaurus"> 34 <div role="region" aria-label="Skip to main content"> 35 <a class="skipToContent_G6ar" href="#docusaurus_skipToContent_fallback">Skip to main content</a> 36 </div> 37 <nav aria-label="Main" class="navbar navbar--fixed-top"> 38 <div class="navbar__inner"> 39 <div class="navbar__items"> 40 41 <a class="navbar__brand" href="/"> 42 <div class="navbar__logo"> 43 <img src="/img/logo.svg" alt="Motion Canvas Logo" class="themedImage_RWGG themedImage--light_riBm"> 44 <img src="/img/logo_dark.svg" alt="Motion Canvas Logo" class="themedImage_RWGG themedImage--dark_Dsi0"> 45 </div> 46 <b class="navbar__title text--truncate">Motion Canvas</b> 47 </a> 48 <a class="navbar__item navbar__link" href="/docs/">Docs</a> 49 <a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/api/core">API</a> 50 <a class="navbar__item navbar__link" href="/blog">Blog</a> 51 </div> 52 <div class="navbar__items navbar__items--right"> 53 54 <div class="toggle_OLSw colorModeToggle_x44X"> 55 56 </div> 57 <div class="root_TZLv loading_lRyv"> 58 <div class="badge_yk5a"> 59 <small> 60 <strong></strong> 61 stars 62 </small> 63 </div> 64 65 </div> 66 <div class="root_TZLv loading_lRyv"> 67 <div class="badge_yk5a"> 68 <small> 69 <strong></strong> 70 online 71 </small> 72 </div> 73 74 </div> 75 </div> 76 </div> 77 <div role="presentation" class="navbar-sidebar__backdrop"></div> 78 </nav> 79 <div id="docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_UyTV docsWrapper_BqXd"> 80 81 <div class="docPage_pOTq"> 82 <aside class="theme-doc-sidebar-container docSidebarContainer_aIKW"> 83 <div class="sidebarViewport_DwR9"> 84 <div class="sidebar_vJCc"> 85 <nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_qiME"> 86 <ul class="theme-doc-sidebar-menu menu__list"> 87 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"> 88 <div class="menu__list-item-collapsible menu__list-item-collapsible--active"> 89 <a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" href="/api/core">@motion-canvas/core</a> 90 91 </div> 92 <ul style="display:block;overflow:visible;height:auto" class="menu__list"> 93 <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"> 94 <a class="menu__link" tabindex="0" href="/api/core/decorators">decorators</a> 95 </li> 96 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"> 97 <div class="menu__list-item-collapsible"> 98 <a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/api/core/events">events</a> 99 100 </div> 101 </li> 102 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"> 103 <div class="menu__list-item-collapsible"> 104 <a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/api/core/flow">flow</a> 105 106 </div> 107 </li> 108 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"> 109 <div class="menu__list-item-collapsible"> 110 <a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/api/core/media">media</a> 111 112 </div> 113 </li> 114 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"> 115 <div class="menu__list-item-collapsible"> 116 <a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/api/core/scenes">scenes</a> 117 118 </div> 119 </li> 120 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"> 121 <div class="menu__list-item-collapsible"> 122 <a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/api/core/signals">signals</a> 123 124 </div> 125 </li> 126 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"> 127 <div class="menu__list-item-collapsible"> 128 <a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/api/core/threading">threading</a> 129 130 </div> 131 </li> 132 <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"> 133 <a class="menu__link" tabindex="0" href="/api/core/transitions">transitions</a> 134 </li> 135 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"> 136 <div class="menu__list-item-collapsible"> 137 <a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/api/core/tweening">tweening</a> 138 139 </div> 140 </li> 141 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"> 142 <div class="menu__list-item-collapsible"> 143 <a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/api/core/types">types</a> 144 145 </div> 146 </li> 147 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"> 148 <div class="menu__list-item-collapsible"> 149 <a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/api/core/utils">utils</a> 150 151 </div> 152 </li> 153 </ul> 154 </li> 155 <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"> 156 <div class="menu__list-item-collapsible"> 157 <a class="menu__link menu__link--sublist" aria-expanded="false" href="/api/2d">@motion-canvas/2d</a> 158 159 </div> 160 </li> 161 </ul> 162 </nav> 163 </div> 164 </div> 165 </aside> 166 <main class="docMainContainer_fv3b"> 167 <div class="container padding-top--md padding-bottom--lg"> 168 <div> 169 <div class="row"> 170 <div class="col docItemCol_YAwJ"> 171 <div class="docItemContainer_Rv5Z"> 172 <article> 173 <nav class="theme-doc-breadcrumbs breadcrumbsContainer_zCmv" aria-label="Breadcrumbs"> 174 <ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"> 175 <li class="breadcrumbs__item"> 176 <a aria-label="Home page" class="breadcrumbs__link" href="/"> 177 <svg viewbox="0 0 24 24" style="width:16px;height:16px;margin-top:0.1rem" class="breadcrumbHomeIcon_JFrk"> 178 <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" fill="currentColor"></path> 179 </svg> 180 </a> 181 </li> 182 <li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active">
183 <span class="breadcrumbs__link" itemprop="name">@motion-canvas/core</span> 184 <meta itemprop="position" content="1"> 185 </li> 186 </ul> 187 </nav> 188 <div class="theme-doc-markdown markdown"> 189 <header> 190 <h1>@motion-canvas/core</h1> 191 </header> 192 <article class="margin-top--lg"> 193 <section class="row"> 194 <article class="col col--6 margin-bottom--lg"> 195 <a class="card padding--lg cardContainer_ybwo" href="/api/core/decorators"> 196 <h2 class="text--truncate cardTitle_Ehd1"> 197 <code>decorators</code> 198 </h2> 199 <div class="text--truncate cardDescription_b6wr">Property decorators.</div> 200 </a> 201 </article> 202 <article class="col col--6 margin-bottom--lg"> 203 <a class="card padding--lg cardContainer_ybwo" href="/api/core/events"> 204 <h2 class="text--truncate cardTitle_Ehd1"> 205 <code>events</code> 206 </h2> 207 <div class="text--truncate cardDescription_b6wr">Subscriptions and triggering of events.</div> 208 </a> 209 </article> 210 <article class="col col--6 margin-bottom--lg"> 211 <a class="card padding--lg cardContainer_ybwo" href="/api/core/flow"> 212 <h2 class="text--truncate cardTitle_Ehd1"> 213 <code>flow</code> 214 </h2> 215 <div class="text--truncate cardDescription_b6wr">Utilities for controlling the flow and timing of an animation.</div> 216 </a> 217 </article> 218 <article class="col col--6 margin-bottom--lg"> 219 <a class="card padding--lg cardContainer_ybwo" href="/api/core/media"> 220 <h2 class="text--truncate cardTitle_Ehd1"> 221 <code>media</code> 222 </h2> 223 <div class="text--truncate cardDescription_b6wr">Multi-media management.</div> 224 </a> 225 </article> 226 <article class="col col--6 margin-bottom--lg"> 227 <a class="card padding--lg cardContainer_ybwo" href="/api/core/scenes"> 228 <h2 class="text--truncate cardTitle_Ehd1"> 229 <code>scenes</code> 230 </h2> 231 <div class="text--truncate cardDescription_b6wr">Abstract scene representations and related utilities.</div> 232 </a> 233 </article> 234 <article class="col col--6 margin-bottom--lg"> 235 <a class="card padding--lg cardContainer_ybwo" href="/api/core/signals"> 236 <h2 class="text--truncate cardTitle_Ehd1"> 237 <code>signals</code> 238 </h2> 239 <div class="text--truncate cardDescription_b6wr">Value wrappers for easy dependency tracking and cache invalidation.</div> 240 </a> 241 </article> 242 <article class="col col--6 margin-bottom--lg"> 243 <a class="card padding--lg cardContainer_ybwo" href="/api/core/threading"> 244 <h2 class="text--truncate cardTitle_Ehd1"> 245 <code>threading</code> 246 </h2> 247 <div class="text--truncate cardDescription_b6wr">Thread management.</div> 248 </a> 249 </article> 250 <article class="col col--6 margin-bottom--lg"> 251 <a class="card padding--lg cardContainer_ybwo" href="/api/core/transitions"> 252 <h2 class="text--truncate cardTitle_Ehd1"> 253 <code>transitions</code> 254 </h2> 255 <div class="text--truncate cardDescription_b6wr">Transitions between scenes.</div> 256 </a> 257 </article> 258 <article class="col col--6 margin-bottom--lg"> 259 <a class="card padding--lg cardContainer_ybwo" href="/api/core/tweening"> 260 <h2 class="text--truncate cardTitle_Ehd1"> 261 <code>tweening</code> 262 </h2> 263 <div class="text--truncate cardDescription_b6wr">Interpolation and timing of tweens.</div> 264 </a> 265 </article> 266 <article class="col col--6 margin-bottom--lg"> 267 <a class="card padding--lg cardContainer_ybwo" href="/api/core/types"> 268 <h2 class="text--truncate cardTitle_Ehd1"> 269 <code>types</code> 270 </h2> 271 <div class="text--truncate cardDescription_b6wr">Complex types used in animations.</div> 272 </a> 273 </article> 274 <article class="col col--6 margin-bottom--lg"> 275 <a class="card padding--lg cardContainer_ybwo" href="/api/core/utils"> 276 <h2 class="text--truncate cardTitle_Ehd1"> 277 <code>utils</code> 278 </h2> 279 <div class="text--truncate cardDescription_b6wr">General utilities and helper functions.</div> 280 </a> 281 </article> 282 </section> 283 </article> 284 </div> 285 </article> 286 <nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"> 287 <a class="pagination-nav__link pagination-nav__link--next" href="/api/core/decorators"> 288 <div class="pagination-nav__sublabel">Next</div> 289 <div class="pagination-nav__label">decorators</div> 290 </a> 291 </nav> 292 </div> 293 </div> 294 </div> 295 <div class="tooltip_lI6R padding--md margin-horiz--md"></div> 296 </div> 297 </div> 298 </main> 299 </div> 300 </div> 301 <footer class="footer"> 302 <div class="container container-fluid"> 303 <div class="row footer__links">
304 <div class="col footer__col"> 305 <div class="footer__title">Docs</div> 306 <ul class="footer__items clean-list"> 307 <li class="footer__item"> 308 <a class="footer__link-item" href="/docs">Docs</a> 309 </li> 310 <li class="footer__item"> 311 <a class="footer__link-item" href="/api/core">API</a> 312 </li> 313 </ul> 314 </div> 315 <div class="col footer__col"> 316 <div class="footer__title">Community</div> 317 <ul class="footer__items clean-list"> 318 <li class="footer__item"> 319 320 </li> 321 <li class="footer__item"> 322 323 </li> 324 <li class="footer__item"> 325 326 </li> 327 </ul> 328 </div> 329 <div class="col footer__col"> 330 <div class="footer__title">More</div> 331 <ul class="footer__items clean-list"> 332 <li class="footer__item"> 333 <a class="footer__link-item" href="/blog">Blog</a> 334 </li> 335 <li class="footer__item"> 336 337 </li> 338 </ul> 339 </div> 340 </div> 341 <div class="footer__bottom text--center"> 342 <div class="footer__copyright">Copyright © 2023 Motion Canvas. Built with Docusaurus.</div> 343 </div> 344 </div> 345 </footer> 346</div>
347<script src="/assets/js/runtime~main.d9a5732d.js"></script>
vendor: 1 bytes, line 347
347
348<script src="/assets/js/main.6aa94b2f.js"></script>
348 349
350<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"1b56d61f0b11461382ef5c8a5b32ae99","r":1,"spa":2}' crossorigin="anonymous"></script>
350 351</body>
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.