Class Gallery

It's just an encapsuled class for maku.js, which is a powerful bridge between HTML and WebGL.

Demo: https://kokomi-playground.vercel.app/entries/#imageMouseWave

Hierarchy (view full)

Constructors

constructor

Properties

base container elList emitter fragmentShader isRectAutoRefreshed isScrollPositionSync makuConfig makuGroup makuMaterial materialParams scroller uniformInjector uniforms useSelfScroller vertexShader

Methods

addExisting checkImagesLoaded emit iterate off on update

Constructors

constructor

Properties

base

base: Base

container

container: Scene

elList

elList: HTMLIVCElement[]

emitter

emitter: Emitter<any>

fragmentShader

fragmentShader: string

isRectAutoRefreshed

isRectAutoRefreshed: boolean

isScrollPositionSync

isScrollPositionSync: boolean

makuConfig

makuConfig: MakuConfig

makuGroup

makuGroup: null | MakuGroup

makuMaterial

makuMaterial: null | ShaderMaterial

materialParams

materialParams: AllMaterialParams

scroller

scroller: null | Scroller

uniformInjector

uniformInjector: UniformInjector

uniforms

uniforms: {
    [uniform: string]: THREE.IUniform<any>;
}

useSelfScroller

useSelfScroller: boolean

vertexShader

vertexShader: string

Methods

addExisting

checkImagesLoaded

emit

iterate

  • iterate(cb): void

  • Parameters

    • cb: ((maku: Maku, i: number) => void)
        • (maku, i): void

        • Parameters

          • maku: Maku
          • i: number

          Returns void

    Returns void

off

on

update

Settings

Member Visibility

On This Page

constructorbasecontainerelListemitterfragmentShaderisRectAutoRefreshedisScrollPositionSyncmakuConfigmakuGroupmakuMaterialmaterialParamsscrolleruniformInjectoruniformsuseSelfScrollervertexShaderaddExistingcheckImagesLoadedemititerateoffonupdate