Individual skill
procedural-canvas-animation
Provider-independent production guidance for deterministic Canvas 2D and p5.js animation. Use for particles, fields, trails, weather, procedural textures, generative geometry, and lightweight 2D simulations that need fixed media dimensions, seeded repeatability, transparent compositing, aspect variants, performance QA, or frame-addressable rendering.
skills/production/runtime-assembly/procedural-canvas-animation/SKILL.md
Source commit 8c85352d5d75d4dcbe58480bd138e37b9742bab1
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 11, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 242
- Repository last updated
- Jul 14, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agent Repository topic
- agentic-ai Repository topic
- ai Repository topic
- ai-audio Repository topic
- ai-video Repository topic
- claude Repository topic
- codex Repository topic
- copilot Repository topic
- cursor Repository topic
- generative-media Repository topic
- engineering Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
Read excerpt
# Procedural Canvas animation
Use this skill when a 2D bitmap canvas is the appropriate drawing surface for procedural motion. It covers authored particles, vector/noise fields, trails, weather, textures, generative geometry, and lightweight simulations for rendered media.
It does not cover Three.js scene graphs, WebGL/WebGPU shaders, D3 data semantics, game-engine architecture, or a generic frontend Canvas tutorial.
## Evidence stance
- **Documented fact:** behavior from WHATWG, ECMAScript, p5.js, W3C, or cited API documentation.
- **Production heuristic:** a practical design or optimization choice to test in the target runtime.
- **Empirical observation:** a measured result from the actual animation, browser, frame output, or encoded delivery.
Facts were verified **2026-07-12**. Canvas, browser, p5.js, OffscreenCanvas, and encoding behavior can change; pin versions and record the render environment.
