Limn Studio

Game Template

Choose a game

Description (optional)

🎮

Ready to build

Pick a template, customize the colors, then hit ▶ Run to launch your game.

Switch to ⌨️ Code to edit or export the generated JavaScript.

15 templates Live preview Cloud sync Share links

main.js

0 lines

0/0

const display = new Display();
display.perform();
display.start(800, 600);
display.backgroundColor("#0a0a0a");
display.camera.worldWidth = 2000;
display.camera.worldHeight = 2000;

const player = new Component(36, 36, "#6ea8fe", 400, 200, "rect");
display.add(player);

const hud = new Tctxt("16px", "Arial", "#e6edf3", 12, 20, "left", false, "alphabetic", "rgba(0,0,0,0.6)", 8, 4);
hud.setText("WASD to move");
display.add(hud);

const SPEED = 220;

function update(dt) {
    player.speedX = 0;
    player.speedY = 0;
    if (display.keys[87]) player.speedY = -SPEED * dt;
    if (display.keys[83]) player.speedY =  SPEED * dt;
    if (display.keys[65]) player.speedX = -SPEED * dt;
    if (display.keys[68]) player.speedX =  SPEED * dt;

    display.camera.follow(player);
    hud.setText("X: " + Math.floor(player.x) + "  Y: " + Math.floor(player.y));
    hud.fixed();
}

JavaScript Ln 1, Col 1 0 selected

Ready UTF-8 Spaces: 4 0 B

📄

Head HTML

Raw HTML injected inside <head>. Use this for <link>, <meta>, or any custom tags. Works in preview, published games, and downloads.

💡 Paste tags exactly as you'd write them in an HTML <head>.

🎨

Extra CSS

Raw CSS injected as a <style> block in the head. Applies to the whole game page — you can style the body, add background layers, or reset defaults.

💡 Standard CSS. Runs after the engine's own styles so you can override them.

📜

External Scripts

One URL per line. Each becomes a <script src="..."> tag in the head, loaded before the engine. Use this for libraries like Three.js, Matter.js, or your own CDN bundles.

💡 Loads synchronously before the engine. If a script fails to load, the game will show an error in the console.

Changes apply on next Run or Save.

Console