melonjs-display-and-scaling SKILL.md skillA

melonjs-display-and-scaling from melonjs/melonjs is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add melonjs/melonjs/melonjs-display-and-scaling@git:20261028.0587c57

Pins git:20261028.0587c57 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
melonjs/melonjs
Path
packages/melonjs/skills/melonjs-display-and-scaling/SKILL.md
Versions recorded
3
Latest version
git:20261028.0587c57, committed Oct 28, 2026
First version recorded
Oct 18, 2026
Size
19,677 bytes
Repository stars
6,441
License
MIT

Use this skill when a melonJS game looks blurry, soft, shimmering or cropped, or when choosing how the canvas fills its page. Covers the design resolution, scale and scaleMethod, scaleTarget, scaleRounding for pixel-perfect integer scaling, antiAlias, textureFilter and linear-mipmap for what is drawn small, subPixel, syncToDisplay for steady motion, devicePixelRatio, and which setting does which job. Triggers on: blurry, soft, fuzzy, shimmering, pixel art, pixel perfect, crisp, nearest…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Display and scaling

Seven settings decide how a game looks on screen, and they are easy to get
individually right and collectively wrong. This is what each one actually
does, and which one to reach for.

## The four jobs

A pixel travels from your source art to a physical pixel through four
separate decisions. Knowing which setting owns which is most of the work.

| job | setting | what it decides |
|---|---|---|
| how big the frame is drawn | `width`/`height` on `Application` | the design resolution everything is authored against |
| how it uses the space | `scale`, `scaleMethod`, `scaleTarget` | fit, fill, stretch, and what it measures to decide |
| may the factor be fractional | `scaleRounding` | whole device pixels per source pixel, or any factor |
| how a texture is sampled | `antiAlias`, `textureFilter` | nearest or linear, and the CSS upscale filter |

`subPixel` is a fifth, orthogonal to all of them: it decides whether a
renderable may sit on a fractional position WITHIN the frame. `syncToDisplay`
is about the frames in a row rather than one frame: whether motion advances
by the same amount on each.

## Design resolution

```js
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add melonjs/melonjs/melonjs-display-and-scaling@sha256:66226553b00eb464

The line at the top of this page pins the label git:20261028.0587c57, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_4k475jlg45bhofu5.svg)](https://markdownregistry.com/a/art_4k475jlg45bhofu5)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, between Oct 18, 2026 and Oct 28, 2026, about one every 5 days.

versioncommittedcommitsizeaudit
git:20261028.0587c57 latest2026-10-28 0587c57 19,677 BA view · diff
git:20261025.d9abca52026-10-25 d9abca5 18,890 BA view · diff
git:20261018.d82b8672026-10-18 d82b867 13,327 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (19677 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

melonjs/melonjs · 6,441 stars · license MIT · pushed 2026-11-06 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_4k475jlg45bhofu5
GET https://markdownregistry.com/api/v1/resolve?ref=melonjs/melonjs/melonjs-display-and-scaling
GET https://markdownregistry.com/api/v1/blob/66226553b00eb46436a0c58d9f9734645b93f2547c5f16173cf7cb5cf44b8501

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from melonjs/melonjs

AGENTS.md AGENTS.md file
melonjs/melonjs · AGENTS.md
git:20261102.0ab2067 · audit A · 6,441 stars
CLAUDE.md CLAUDE.md file
melonjs/melonjs · CLAUDE.md
git:20261102.0ab2067 · audit A · 6,441 stars
AGENTS.md@packages/melonjs/skills AGENTS.md file
melonjs/melonjs · packages/melonjs/skills/AGENTS.md
git:20261030.33bfc96 · audit A · 6,441 stars
melonjs-20-migration SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-20-migration/SKILL.md · Use this skill when writing melonJS code that may be based on pre-20.x knowledge, when migrating a game from melonJS…
git:20260831.8e2f9be · audit A · 6,441 stars
melonjs-3d-assets SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-3d-assets/SKILL.md · Use this skill when loading 3D models into melonJS — glTF and GLB scenes, OBJ/MTL models, materials, imported lights…
git:20261012.baaf32c · audit A · 6,441 stars
melonjs-3d SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-3d/SKILL.md · Use this skill for anything 3D or 2.5D in melonJS — Camera3d, Mesh, InstancedMesh, Sprite3d billboards, Light3d, ground…
git:20261016.2f86055 · audit A · 6,441 stars
melonjs-audio SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-audio/SKILL.md · Use this skill for sound and music in melonJS — loading audio, playing effects, background tracks, audio sprites…
git:20261102.8d1fb28 · audit A · 6,441 stars
melonjs-camera-and-drawing SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-camera-and-drawing/SKILL.md · Use this skill for camera control and immediate-mode drawing in melonJS — following a target, viewport bounds, shake…
git:20261105.7570a25 · audit A · 6,441 stars
melonjs-deployment SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-deployment/SKILL.md · Use this skill when packaging, shipping or scaffolding a melonJS game — starting a project with create-melonjs…
git:20260831.8e2f9be · audit B · 6,441 stars
melonjs-effects-and-shaders SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-effects-and-shaders/SKILL.md · Use this skill for post-processing effects, custom shaders, blend modes and colour grading in melonJS. Covers the…
git:20261102.a41d6a3 · audit A · 6,441 stars
melonjs-events SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-events/SKILL.md · Use this skill for the melonJS event bus and lifecycle hooks — subscribing to engine events, the per-frame and…
git:20261105.7570a25 · audit A · 6,441 stars
melonjs-getting-started SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-getting-started/SKILL.md · Use this skill when starting or bootstrapping a melonJS game, creating the Application, choosing a renderer, or setting…
git:20261102.8d1fb28 · audit A · 6,441 stars

Every file in melonjs/melonjs

Browse by kind, by grade A, or by owner.