How does this skill help with performance?

It provides implementation patterns for using render flags and efficient batch updates, preventing unnecessary full-canvas redraws which can cause lag.

When should I wait for canvasReady?

You should always wait for the canvasReady hook before attempting to access canvas layers or placeable objects to ensure the scene and assets are fully initialized.

Can I use this for standard DOM manipulation?

No, this skill emphasizes using PIXI.js properties and containers, as direct DOM manipulation does not work within the WebGL-rendered canvas environment.

Does it support coordinate conversion?

Yes, it includes patterns for converting between client-side screen coordinates (viewport) and the internal Foundry VTT canvas coordinate system.

What is the primary focus of the fvtt-canvas skill?

It focuses on the visual rendering layer of Foundry VTT, specifically using PIXI.js and the WebGL canvas architecture to manage layers and placeable objects.

Foundry VTT Canvas Development

Name: Foundry VTT Canvas Development
Author: ImproperSubset

byImproperSubset

게임 개발

Optimizes and extends the Foundry VTT WebGL canvas using PIXI.js and specialized rendering patterns.

소개

This skill provides specialized knowledge for developing within the Foundry VTT canvas environment, leveraging PIXI.js for high-performance WebGL rendering. It guides developers through complex tasks like managing layer hierarchies, implementing custom placeable objects (tokens, tiles, drawings), and utilizing render flags to maintain high frame rates. Whether you're adding custom visual effects, building interactive map tools, or handling canvas lifecycle events, this skill ensures best practices for performance and compatibility within the Foundry VTT architecture.

주요 기능

Placeable object extension and custom rendering
Coordinate conversion and camera manipulation
PIXI.js rendering and container management
0 GitHub stars
Performance optimization via render flags
Canvas layer hierarchy and access patterns

사용 사례

Building interactive drawing or mapping tools for game masters
Creating custom visual auras or status effects for tokens
Optimizing module performance by implementing efficient render cycles

소개

주요 기능

Placeable object extension and custom rendering
Coordinate conversion and camera manipulation
PIXI.js rendering and container management
0 GitHub stars
Performance optimization via render flags
Canvas layer hierarchy and access patterns

사용 사례

Building interactive drawing or mapping tools for game masters
Creating custom visual auras or status effects for tokens
Optimizing module performance by implementing efficient render cycles