docs: regenerate site from f094acfdb5

screen-width.html

@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Screen.width — Ludic</title>
+<meta name="description" content="The framebuffer width in pixels.">
+<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-screen.html">Screen — drawing</a> <span>›</span> <span class="here">Screen.width</span></div>
+  <div class="item-head">
+    <span class="kind-badge kind-method">method</span>
+    <h1 id="top">Screen.width</h1>
+  </div>
+  <code class="sig">Screen.width() -&gt; int</code>
+  <div class="desc"><p>Returns the width of the framebuffer in pixels — the number of drawable columns. Use it to lay out and center content relative to the actual screen size rather than hard-coding a fixed number, so your HUD or menu stays positioned correctly if the resolution changes. It pairs with <code>Screen.height</code> for full-screen calculations such as clamping a moving object inside the visible area. It takes no arguments and can be read during any handler.</p></div>
+  
+  <div class="examples"><h2>Example</h2><pre data-lang="ludic">program CenteredLabel {
+  handler DrawWorld phase Render {
+    Screen.clear(Color.MidnightBlue)
+    let label_width = 10 * 6
+    let centered_x = (Screen.width() - label_width) / 2
+    Screen.draw_text(x: centered_x, y: 40, text: "CHRONORIFT", color: Color.Gold, scale: 1)
+    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>