Skip to main content

Renderer API Reference

The renderer provides WebGL-based rendering for sprites, costumes, and custom graphics. Access it via util.runtime.renderer.

Quick Start​

class MyExtension {
  myBlock(args, util) {
    const renderer = util.runtime.renderer;
    
    // Create a skin
    const skinId = renderer.createBitmapSkin(imageData, 1);
    
    // Create a drawable
    const drawableId = renderer.createDrawable('foreground');
    
    // Apply skin to drawable
    renderer.updateDrawableProperties(drawableId, { skinId });
  }
}

Skin Management​

Skins provide textures and visual appearance for drawables.

Creating Skins​

Updating Skins​

Managing Skins​

Drawable Management​

Drawables are visual objects rendered on screen.

Creating & Destroying​

Positioning & Ordering​

Visual Properties​

Collision Detection​

Rendering Control​

Configuration​

Internal Properties​

⚠️ Warning: Internal APIs may change without notice

Key Concepts​

See Also​