PageSourceSearch

https://motioncanvas.io/api/core/

html motioncanvas.io collected 2026-10-04 00:24:43 UTC 19,888 bytes, 351 lines download raw bytes

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.