import { EventEmitter } from '@smoovy/emitter';
import { Observable } from '@smoovy/observer';
import { Ticker, TickerTask } from '@smoovy/ticker';
import { Camera, CameraConfig } from './camera';
import { Plane, PlaneConfig } from './geometry/plane';
import { Mesh } from './mesh';
import { Model } from './model';
import { Renderer } from './renderer';
import { ImageTexture, ImageTextureConfig, VideoTexture, VideoTextureConfig } from './texture';
import { UniformValue } from './uniform';
export interface WebGLConfig extends WebGLContextAttributes {
    /**
     * The canvas element you want to use. If you don't provide the config
     * with an element or selector a new canvas elemnt will be created and
     * prepended to the body element.
     */
    canvas?: HTMLCanvasElement | string;
    /**
     * Custom ticker. This is useful if you want something like frame-lock.
     * The default has no frame-lock.
     */
    ticker?: Ticker;
    /**
     * The order of the the ticker task. This is useful if you want to
     * control the order of the tasks. So if you have some values that
     * need to be calculated in the same frame before webgl renders
     *
     * @default 100
     */
    taskOrder?: number;
    /**
     * This will position the canvas element as fixed and always sets its size
     * to the users screen size.
     *
     * @default true
     */
    autoSize?: boolean;
    /**
     * Global uniforms that will be passed to all models. This is useful if
     * you want to pass some values to all models without setting them
     * manually. You can still override them on each mesh. The values will
     * be passed to the shader as a uniform with the name of the key.
     *
     * @default {}
     */
    uniforms?: Record<string, UniformValue>;
    /**
     * The pixel ratio of the canvas. This will be multiplied with the
     * width and height of the canvas.
     *
     * @default 1
     */
    dpr?: number;
    /**
     * The clear color of the canvas. This will be set on the first render
     * call.
     *
     * @default [0, 0, 0]
     */
    color?: [number, number, number];
    /**
     * Config for the main camera
     *
     * @default { posZ: 5, fov: 45, near: 0.1, far: 100  }
     */
    camera?: Partial<CameraConfig>;
}
export declare class WebGL extends EventEmitter {
    readonly renderer: Renderer;
    readonly uniforms: Record<string, UniformValue>;
    protected readonly models: Model[];
    protected canvas: HTMLCanvasElement;
    protected observable: Observable<Window>;
    protected ticker: Ticker;
    protected task?: TickerTask;
    private config;
    private context;
    private unlisten?;
    private lastSize;
    constructor(config?: WebGLConfig);
    get ctx(): WebGLRenderingContext;
    init(): void;
    start(): void;
    setSize(width: number, height: number): void;
    remove(mesh: Mesh): this;
    add(...models: Model[]): this;
    plane(config?: Partial<PlaneConfig>): Plane<Partial<PlaneConfig>>;
    toggleCamera(nameOrCamera: string | Camera): void;
    camera(config?: Partial<CameraConfig>): Camera;
    image(config: ImageTextureConfig): ImageTexture;
    video(config: VideoTextureConfig): VideoTexture;
    destroy(): void;
}