melonjs-3d SKILL.md skillA

melonjs-3d 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-3d@git:20261016.2f86055

Pins git:20261016.2f86055 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-3d/SKILL.md
Versions recorded
5
Latest version
git:20261016.2f86055, committed Oct 16, 2026
First version recorded
Oct 6, 2026
Size
56,504 bytes
Repository stars
6,441
License
MIT

Use this skill for anything 3D or 2.5D in melonJS — Camera3d, Mesh, InstancedMesh, Sprite3d billboards, Light3d, ground shadows, glTF/GLB scenes, and depth sorting. Covers the Y-down/+Z-forward convention that is the inverse of OpenGL, the cameraClass opt-in, clip planes, and what does not work on the Canvas fallback. Triggers on: Camera3d, Mesh, InstancedMesh, Sprite3d, Trail3d, ribbon, exhaust trail, Light3d, billboard, glTF, glb, 3D, 2.5D, depth, cameraClass, fov, setClipPlanes, setFog…

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

# 3D and 2.5D in melonJS

> melonJS is a 2D engine that grew a real 3D tier: perspective cameras, meshes,
> instancing, glTF scenes and 3D lights. Most of what a model "knows" about 3D
> graphics comes from the OpenGL convention, and **melonJS's is the inverse**.
> Read the conventions section before writing any 3D code.

## Coordinate conventions — the inverse of OpenGL

This is the single most important thing on this page.

| | melonJS | OpenGL convention |
|---|---|---|
| vertical | **Y-down** — higher `y` is *lower* on screen | Y-up |
| depth | **+Z forward** — higher `z` is *farther* away | −Z forward |

`Camera3d` exposes three rotation angles: `camera.pitch`
(X, look up/down), `camera.yaw` (Y, look left/right) and `camera.roll` (Z, bank
the horizon). The view is `R(yaw) ∘ R(pitch) ∘ R(roll)` inverted, and the frustum
planes come off that same matrix — so culling follows a banked view.

The basis those angles produce is **readable and writable**: `getBasis(right,
up, forward)` reads it, `setBasis(right, up, forward)` poses the camera from
one.

`camera.rotate()` is NOT the way to bank a 3D camera. It writes the inherited
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add melonjs/melonjs/melonjs-3d@sha256:856c66f66933655a

The line at the top of this page pins the label git:20261016.2f86055, 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_67hiydp5dvcsfan7.svg)](https://markdownregistry.com/a/art_67hiydp5dvcsfan7)

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

Versions

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

versioncommittedcommitsizeaudit
git:20261016.2f86055 latest2026-10-16 2f86055 56,504 BA view · diff
git:20261016.4a259bf2026-10-16 4a259bf 54,847 BA view · diff
git:20261011.806ee0a2026-10-11 806ee0a 53,546 BA view · diff
git:20261011.ea100902026-10-11 ea10090 51,359 BA view · diff
git:20261006.555c5432026-10-06 555c543 47,825 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 (56504 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_67hiydp5dvcsfan7
GET https://markdownregistry.com/api/v1/resolve?ref=melonjs/melonjs/melonjs-3d
GET https://markdownregistry.com/api/v1/blob/856c66f66933655abdb51beb0c39c9b71ad375aa26093ad2a9fbae5a82f62763

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-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-display-and-scaling SKILL.md skill
melonjs/melonjs · packages/melonjs/skills/melonjs-display-and-scaling/SKILL.md · Use this skill when a melonJS game looks blurry, soft, shimmering or cropped, or when choosing how the canvas fills its…
git:20261028.0587c57 · audit A · 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.