Allows to translate, rotate and scale matrices visually by dragging with a pointer. Installs pointer event listeners on the given ƒ.Viewports canvas on construction. Use addListeners/removeListeners to handle the installation manually.

Constructors

Properties

colors: {
    base: {
        x: Color;
        xyz: Color;
        y: Color;
        z: Color;
    };
    lite: {
        x: Color;
        xyz: Color;
        y: Color;
        z: Color;
    };
    plane: {
        xy: Color;
        xz: Color;
        yz: Color;
    };
    planeLite: {
        xy: Color;
        xz: Color;
        yz: Color;
    };
    transparent: {
        x: Color;
        y: Color;
        z: Color;
    };
} = ...

Type declaration

  • base: {
        x: Color;
        xyz: Color;
        y: Color;
        z: Color;
    }
    • x: Color
    • xyz: Color
    • y: Color
    • z: Color
  • lite: {
        x: Color;
        xyz: Color;
        y: Color;
        z: Color;
    }
    • x: Color
    • xyz: Color
    • y: Color
    • z: Color
  • plane: {
        xy: Color;
        xz: Color;
        yz: Color;
    }
    • xy: Color
    • xz: Color
    • yz: Color
  • planeLite: {
        xy: Color;
        xz: Color;
        yz: Color;
    }
    • xy: Color
    • xz: Color
    • yz: Color
  • transparent: {
        x: Color;
        y: Color;
        z: Color;
    }
    • x: Color
    • y: Color
    • z: Color
mode: "none" | "translate" | "rotate" | "scale" = "translate"
selected: "x" | "y" | "z" | "xy" | "xz" | "yz" | "xyz"
snapAngle: number = 15
snapDistance: number = 0.1
snapScale: number = 0.1
space: "local" | "world" = "world"
viewport: Viewport

Accessors

Methods