canvas-effects
CommunityProduce performant Canvas visuals.
Authorsreejithraman
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Per-frame canvas work can be CPU/GPU heavy. This Skill focuses on efficient rendering, offscreen techniques, and throttled loops for noise, grain, and particles.
Core Features & Use Cases
- ImageData Noise/Grain: Fast per-pixel manipulation
- Offscreen Canvas: Separate rendering to boost performance
- Throttled Rendering: Frame pacing for grain effects
- Use Case: Render a subtle grain overlay that scales with canvas size.
Quick Start
Setup a loop that renders grain to a visible canvas at 30fps using an offscreen buffer.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: canvas-effects Download link: https://github.com/sreejithraman/shayna/archive/main.zip#canvas-effects Please download this .zip file, extract it, and install it in the .claude/skills/ directory.