ludic/tween-chain.html
2026-09-17 22:10:03 +00:00

36 lines
No EOL
2.6 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tween.chain — Ludic</title>
<meta name="description" content="Append a tween segment that runs after the handle&#x27;s current queue.">
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="docs.css">
</head>
<body>
<header class="nav"><div class="wrap nav-in"><a class="brand" href="index.html"><span class="logo">L</span> Ludic</a><button class="nav-toggle" aria-label="Toggle menu" aria-expanded="false">☰</button><nav class="nav-links"><a href="index.html">Home</a><a href="api.html">API Reference</a><a class="nav-cta" href="https://git.workshopsoft.io/workshopsoft/ludic">Source ↗</a></nav></div></header>
<main class="wrap item">
<div class="crumbs"><a href="api.html">API Reference</a> <span>›</span> <a href="ns-tween.html">Tween</a> <span>›</span> <span class="here">Tween.chain</span></div>
<div class="item-head">
<span class="kind-badge kind-method">method</span>
<h1 id="top">Tween.chain</h1>
</div>
<code class="sig">Tween.chain(handle, to, dur, ease) -&gt; handle</code>
<div class="desc"><p>Appends a tween segment to a <a href="tween-to"><code>handle</code></a> that runs <em>after</em> its current segments finish, continuing from where the previous one ended — so the game only names the new target. Returns the same handle, so calls chain fluently. A handle holds up to eight segments; combine with <a href="tween-delay"><code>Tween.delay</code></a> for pauses. The engine advances the whole sequence one segment at a time.</p></div>
<div class="params"><h2>Parameters</h2><div class="param" id="param-handle"><code class="pname">handle</code><span class="pdesc">the tween handle to extend</span></div><div class="param" id="param-to"><code class="pname">to</code><span class="pdesc">the target value for this segment</span></div><div class="param" id="param-dur"><code class="pname">dur</code><span class="pdesc">the segment length in engine ticks</span></div><div class="param" id="param-ease"><code class="pname">ease</code><span class="pdesc">0 linear, 1 in, 2 out, 3 in-out</span></div></div>
<div class="examples"><h2>Example</h2><pre data-lang="ludic">program Demo {
property Marker { n: int = 0 }
model M { Marker }
entry {
var h = Tween.to(0, 100, 20, 2) # rise
h = Tween.chain(h, 0, 20, 1) # then fall back
quit()
}
}</pre></div>
<a class="back" href="api.html">← All symbols</a>
</main>
<script src="ludic-highlight.js"></script>
<script>Ludic.highlightAll(); Ludic.installCards(); Ludic.flashTarget();</script>
</body></html>