@react-three/drei
Version: 
useful add-ons for react-three-fiber
60 lines (59 loc) • 1.86 kB
TypeScript
import * as THREE from 'three';
import * as React from 'react';
import { ReactThreeFiber, ThreeElements } from '@react-three/fiber';
import { ForwardRefComponent } from '../helpers/ts-utils';
export type AccumulativeShadowsProps = Omit<ThreeElements['group'], 'ref'> & {
    frames?: number;
    blend?: number;
    limit?: number;
    scale?: number;
    temporal?: boolean;
    opacity?: number;
    alphaTest?: number;
    color?: string;
    colorBlend?: number;
    resolution?: number;
    toneMapped?: boolean;
};
interface AccumulativeContext {
    lights: Map<any, any>;
    temporal: boolean;
    frames: number;
    blend: number;
    count: number;
    getMesh: () => THREE.Mesh<THREE.PlaneGeometry, SoftShadowMaterialProps & THREE.ShaderMaterial>;
    reset: () => void;
    update: (frames?: number) => void;
}
interface AccumulativeLightContext {
    update: () => void;
}
type SoftShadowMaterialProps = {
    map: THREE.Texture;
    color?: ReactThreeFiber.Color;
    alphaTest?: number;
    blend?: number;
};
declare module '@react-three/fiber' {
    interface ThreeElements {
        softShadowMaterial: ThreeElements['shaderMaterial'] & SoftShadowMaterialProps;
    }
}
export declare const accumulativeContext: React.Context<AccumulativeContext>;
export declare const AccumulativeShadows: ForwardRefComponent<AccumulativeShadowsProps, AccumulativeContext>;
export type RandomizedLightProps = Omit<ThreeElements['group'], 'ref'> & {
    frames?: number;
    position?: [x: number, y: number, z: number];
    radius?: number;
    amount?: number;
    intensity?: number;
    ambient?: number;
    castShadow?: boolean;
    bias?: number;
    mapSize?: number;
    size?: number;
    near?: number;
    far?: number;
};
export declare const RandomizedLight: ForwardRefComponent<RandomizedLightProps, AccumulativeLightContext>;
export {};