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

37 lines
No EOL
2.5 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.round — Ludic</title>
<meta name="description" content="Linear blend of two ints by amount t, rounded to the nearest int.">
<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.round</span></div>
<div class="item-head">
<span class="kind-badge kind-method">method</span>
<h1 id="top">Tween.round</h1>
</div>
<code class="sig">Tween.round(from, to, t) -&gt; int</code>
<div class="desc"><p>Interpolates two <code>int</code> endpoints by amount <code>t</code> and rounds to the nearest integer (half up): <code>from + round((to - from) * t)</code>. The go-to for tweening a pixel position, a channel byte, or any integer field. Combine with <a href="tween-ease"><code>Tween.ease</code></a> for shaped motion.</p></div>
<div class="params"><h2>Parameters</h2><div class="param" id="param-from"><code class="pname">from</code><span class="pdesc">the value at <code>t = 0</code> (an <code>int</code>)</span></div><div class="param" id="param-to"><code class="pname">to</code><span class="pdesc">the value at <code>t = 1</code> (an <code>int</code>)</span></div><div class="param" id="param-t"><code class="pname">t</code><span class="pdesc">the blend amount (a <code>fixed</code>, usually 0..1)</span></div></div>
<div class="examples"><h2>Example</h2><pre data-lang="ludic">program Demo {
property Slide { timer: fixed = 0.0 }
model Card { Slide }
handler Run phase Update {
Slide.timer = Slide.timer + Time.delta()
let t = Tween.progress(Slide.timer, fixed(1))
let x = Tween.round(0, 320, Tween.ease(t, 2))
print(x)
}
}</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>