ludic/camera-follow.html
2026-09-17 22:10:03 +00:00

35 lines
No EOL
2.2 KiB
HTML
Raw 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>Camera.follow — Ludic</title>
<meta name="description" content="Ease the camera toward centring a target point.">
<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-camera.html">Camera</a> <span>›</span> <span class="here">Camera.follow</span></div>
<div class="item-head">
<span class="kind-badge kind-method">method</span>
<h1 id="top">Camera.follow</h1>
</div>
<code class="sig">Camera.follow(x, y, lerp)</code>
<div class="desc"><p>Moves the camera a fraction <code>lerp</code> of the way toward centring the world point <code>(x, y)</code> on screen. <code>lerp</code> is a <code>fixed</code> in <code>0.0</code>..<code>1.0</code>: <code>0</code> holds still, a small value trails smoothly behind a moving target, <code>1.0</code> snaps it centred. Call it each frame with the target's position for a classic smooth-follow camera. Deterministic.</p></div>
<div class="params"><h2>Parameters</h2><div class="param" id="param-lerp"><code class="pname">lerp</code><span class="pdesc">how far to move this frame (a <code>fixed</code>, 0..1)</span></div></div>
<div class="examples"><h2>Example</h2><pre data-lang="ludic">program Demo {
property Position { x: int = 0, y: int = 0 }
model Player { Position }
handler DrawWorld phase Render {
Camera.follow(Position.x, Position.y, fixed(1) / fixed(8)) # smooth trail
Screen.show()
}
}</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>