glre 0.15.0 → 0.17.0

package/types.ts

@@ -1,98 +1,98 @@
-import type { Queue } from 'refr/types'
-import type { Nested, EventState } from 'reev/types'
-
-export type Uniform = number | number[]
-
-export type Attribute = number[]
-
-export type Attributes = Record<string, Attribute>
-
-export type Uniforms = Record<string, Uniform>
-
-export type GL = EventState<{
-        /**
-         * initial value
-         */
-        id: string
-        size: [number, number]
-        mouse: [number, number]
-        count: number
-        vs: string
-        fs: string
-        vert: string
-        frag: string
-        vertex: string
-        fragment: string
-        int: PrecisionMode
-        float: PrecisionMode
-        sampler2D: PrecisionMode
-        samplerCube: PrecisionMode
-        lastActiveUnit: number
-
-        /**
-         * core state
-         */
-        gl: any
-        pg: any
-        el: any
-        frame: Queue
-        target: any
-        stride: Nested<number>
-        // @TODO Nested<(key: string, value: number: number[], ibo: number[]) => number>
-        location: Nested<any>
-        activeUnit: Nested<number>
-        default: any
-
-        /**
-         * events
-         */
-        ref?: any
-        init(varying?: string[]): void
-        mount(): void
-        clean(): void
-        render(): void
-        mousemove(e: Event): void
-        resize(e?: Event, width?: number, height?: number): void
-        load(e?: Event, image?: HTMLImageElement): void
-
-        /**
-         * setter
-         */
-        _uniform(key: string, value: Uniform): GL
-        uniform(key: string, value: Uniform): GL
-        uniform(target: { [key: string]: Uniform }): GL
-        _texture(key: string, value: string): GL
-        texture(key: string, value: string): GL
-        texture(target: { [key: string]: string }): GL
-        _attribute(key: string, value: Attribute, iboValue?: Attribute): GL
-        attribute(key: string, value: Attribute, iboValue?: Attribute): GL
-        attribute(target: { [key: string]: Attribute }): GL
-        // config(key?: keyof GL, value?: GL[keyof GL]): GL
-        // config(target?: Partial<GL>): GL
-
-        /**
-         * short hands
-         */
-        clear(key?: GLClearMode): void
-        viewport(size?: [number, number]): void
-        drawArrays(key?: GLDrawMode): void
-        drawElements(key?: GLDrawMode): void
-}>
-
-export type PrecisionMode = 'highp' | 'mediump' | 'lowp'
-
-export type GLClearMode =
-        | 'COLOR_BUFFER_BIT'
-        | 'DEPTH_BUFFER_BIT'
-        | 'STENCIL_BUFFER_BIT'
-
-export type GLDrawMode =
-        | 'POINTS'
-        | 'LINE_STRIP'
-        | 'LINE_LOOP'
-        | 'LINES'
-        | 'TRIANGLE_STRIP'
-        | 'TRIANGLE_FAN'
-        | 'TRIANGLES'
-
-export type GLDrawType = 'UNSIGNED_BYTE' | 'UNSIGNED_SHORT' | 'UNSIGNED_INT'
+import type { Queue } from 'refr/types'
+import type { Nested, EventState } from 'reev/types'
+
+export type Uniform = number | number[]
+
+export type Attribute = number[]
+
+export type Attributes = Record<string, Attribute>
+
+export type Uniforms = Record<string, Uniform>
+
+export type GL = EventState<{
+        /**
+         * initial value
+         */
+        id: string
+        width: number
+        height: number
+        size: [number, number]
+        mouse: [number, number]
+        count: number
+        vs: string
+        fs: string
+        vert: string
+        frag: string
+        vertex: string
+        fragment: string
+        varying: string
+        int: PrecisionMode
+        float: PrecisionMode
+        sampler2D: PrecisionMode
+        samplerCube: PrecisionMode
+        lastActiveUnit: number
+
+        /**
+         * core state
+         */
+        gl: any
+        pg: any
+        el: any
+        frame: Queue
+        target: any
+        stride: Nested<number>
+        // @TODO Nested<(key: string, value: number: number[], ibo: number[]) => number>
+        location: Nested<any>
+        activeUnit: Nested<number>
+        default: any
+
+        /**
+         * events
+         */
+        ref?: any
+        init(varying?: string[]): void
+        mount(): void
+        clean(): void
+        render(): void
+        mousemove(e: Event): void
+        resize(e?: Event, width?: number, height?: number): void
+        load(e?: Event, image?: HTMLImageElement): void
+
+        /**
+         * setter
+         */
+        uniform(key: string, value: Uniform): GL
+        uniform(target: { [key: string]: Uniform }): GL
+        texture(key: string, value: string): GL
+        texture(target: { [key: string]: string }): GL
+        attribute(key: string, value: Attribute, iboValue?: Attribute): GL
+        attribute(target: { [key: string]: Attribute }): GL
+        // config(key?: keyof GL, value?: GL[keyof GL]): GL
+        // config(target?: Partial<GL>): GL
+
+        /**
+         * short hands
+         */
+        clear(key?: GLClearMode): void
+        viewport(size?: [number, number]): void
+        drawArrays(key?: GLDrawMode): void
+        drawElements(key?: GLDrawMode): void
+}>
+
+export type PrecisionMode = 'highp' | 'mediump' | 'lowp'
+
+export type GLClearMode =
+        | 'COLOR_BUFFER_BIT'
+        | 'DEPTH_BUFFER_BIT'
+        | 'STENCIL_BUFFER_BIT'
+
+export type GLDrawMode =
+        | 'POINTS'
+        | 'LINE_STRIP'
+        | 'LINE_LOOP'
+        | 'LINES'
+        | 'TRIANGLE_STRIP'
+        | 'TRIANGLE_FAN'
+        | 'TRIANGLES'
+
+export type GLDrawType = 'UNSIGNED_BYTE' | 'UNSIGNED_SHORT' | 'UNSIGNED_INT'

package/utils.ts

@@ -1,210 +1,210 @@
-/**
- * utils
- */
-export function uniformType(value: number | number[], isMatrix = false) {
-        let length = typeof value === 'number' ? 0 : value?.length
-        if (!length) return `uniform1f`
-        if (!isMatrix) return `uniform${length}fv`
-        length = Math.sqrt(length) << 0
-        return `uniformMatrix${length}fv`
-}
-
-export function vertexStride(
-        count: number,
-        value: number[],
-        iboValue?: number[]
-) {
-        if (iboValue) count = Math.max(...iboValue) + 1
-        const stride = value.length / count
-        if (stride !== stride << 0)
-                console.warn(`Vertex Stride Error: count ${count} is mismatch`)
-        return stride << 0
-}
-
-/**
- * graphics
- */
-export function createShader(gl: any, source: string, type: unknown) {
-        const shader = gl.createShader(type)
-        gl.shaderSource(shader, source)
-        gl.compileShader(shader)
-        if (gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-                return shader
-        } else console.warn(gl.getShaderInfoLog(shader))
-}
-
-export function createProgram(gl: any, vs: any, fs: any) {
-        const program = gl.createProgram()
-        gl.attachShader(program, vs)
-        gl.attachShader(program, fs)
-        gl.linkProgram(program)
-        if (gl.getProgramParameter(program, gl.LINK_STATUS)) {
-                gl.useProgram(program)
-                return program
-        } else {
-                console.log(gl.getProgramInfoLog(program))
-                return null
-        }
-}
-
-export function createTfProgram(gl: any, vs: any, fs: any, varyings?: any) {
-        const pg = gl.createProgram()
-        gl.attachShader(pg, vs)
-        gl.attachShader(pg, fs)
-        gl.transformFeedbackVaryings(pg, varyings, gl.SEPARATE_ATTRIBS)
-        gl.linkProgram(pg)
-        if (gl.getProgramParameter(pg, gl.LINK_STATUS)) {
-                gl.useProgram(pg)
-                return pg
-        } else {
-                console.warn(gl.getProgramInfoLog(pg))
-                return null
-        }
-}
-
-export function createVbo(gl: any, data: number[]) {
-        if (!data) return
-        const vbo = gl.createBuffer()
-        gl.bindBuffer(gl.ARRAY_BUFFER, vbo)
-        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(data), gl.STATIC_DRAW)
-        gl.bindBuffer(gl.ARRAY_BUFFER, null)
-        return vbo
-}
-
-export function createIbo(gl: any, data?: number[]) {
-        if (!data) return
-        const ibo = gl.createBuffer()
-        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, ibo)
-        gl.bufferData(
-                gl.ELEMENT_ARRAY_BUFFER,
-                new Int16Array(data),
-                gl.STATIC_DRAW
-        )
-        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null)
-        return ibo
-}
-
-export function createAttribute(
-        gl: any,
-        stride: number,
-        location: any,
-        vbo: any,
-        ibo: any
-) {
-        gl.bindBuffer(gl.ARRAY_BUFFER, vbo)
-        gl.enableVertexAttribArray(location)
-        gl.vertexAttribPointer(location, stride, gl.FLOAT, false, 0, 0)
-        if (ibo) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, ibo)
-}
-
-export function createFramebuffer(gl: any, width: number, height: number) {
-        const frameBuffer = gl.createFramebuffer()
-        gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer)
-        const renderBuffer = gl.createRenderbuffer()
-        gl.bindRenderbuffer(gl.RENDERBUFFER, renderBuffer)
-        gl.renderbufferStorage(
-                gl.RENDERBUFFER,
-                gl.DEPTH_COMPONENT16,
-                width,
-                height
-        )
-        gl.framebufferRenderbuffer(
-                gl.FRAMEBUFFER,
-                gl.DEPTH_ATTACHMENT,
-                gl.RENDERBUFFER,
-                renderBuffer
-        )
-        const texture = gl.createTexture()
-        gl.bindTexture(gl.TEXTURE_2D, texture)
-        gl.texImage2D(
-                gl.TEXTURE_2D,
-                0,
-                gl.RGBA,
-                width,
-                height,
-                0,
-                gl.RGBA,
-                gl.UNSIGNED_BYTE,
-                null
-        )
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)
-        gl.framebufferTexture2D(
-                gl.FRAMEBUFFER,
-                gl.COLOR_ATTACHMENT0,
-                gl.TEXTURE_2D,
-                texture,
-                0
-        )
-        gl.bindTexture(gl.TEXTURE_2D, null)
-        gl.bindRenderbuffer(gl.RENDERBUFFER, null)
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null)
-        return { frameBuffer, renderBuffer, texture }
-}
-
-export function createFramebufferFloat(
-        gl: any,
-        ext: any,
-        width: number,
-        height: number
-) {
-        const flg =
-                ext.textureFloat != null
-                        ? gl.FLOAT
-                        : ext.textureHalfFloat.HALF_FLOAT_OES
-        const frameBuffer = gl.createFramebuffer()
-        const texture = gl.createTexture()
-        gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer)
-        gl.bindTexture(gl.TEXTURE_2D, texture)
-        gl.texImage2D(
-                gl.TEXTURE_2D,
-                0,
-                gl.RGBA,
-                width,
-                height,
-                0,
-                gl.RGBA,
-                flg,
-                null
-        )
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)
-        gl.framebufferTexture2D(
-                gl.FRAMEBUFFER,
-                gl.COLOR_ATTACHMENT0,
-                gl.TEXTURE_2D,
-                texture,
-                0
-        )
-        gl.bindTexture(gl.TEXTURE_2D, null)
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null)
-        return { frameBuffer, texture }
-}
-
-export function createTexture(gl: any, img: any) {
-        const texture = gl.createTexture()
-        gl.bindTexture(gl.TEXTURE_2D, texture)
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img)
-        gl.generateMipmap(gl.TEXTURE_2D)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)
-        gl.bindTexture(gl.TEXTURE_2D, null)
-        return texture
-}
-
-export function activeTexture(
-        gl: any,
-        location: any,
-        activeUnit: any,
-        texture: any
-) {
-        gl.uniform1i(location, activeUnit)
-        gl.activeTexture(gl['TEXTURE' + activeUnit])
-        gl.bindTexture(gl.TEXTURE_2D, texture)
-}
+/**
+ * utils
+ */
+export const uniformType = (value: number | number[], isMatrix = false) => {
+        let length = typeof value === 'number' ? 0 : value?.length
+        if (!length) return `uniform1f`
+        if (!isMatrix) return `uniform${length}fv`
+        length = Math.sqrt(length) << 0
+        return `uniformMatrix${length}fv`
+}
+
+export const vertexStride = (
+        count: number,
+        value: number[],
+        iboValue?: number[]
+) => {
+        if (iboValue) count = Math.max(...iboValue) + 1
+        const stride = value.length / count
+        if (stride !== stride << 0)
+                console.warn(`Vertex Stride Error: count ${count} is mismatch`)
+        return stride << 0
+}
+
+/**
+ * graphics
+ */
+export const createShader = (gl: any, source: string, type: unknown) => {
+        const shader = gl.createShader(type)
+        gl.shaderSource(shader, source)
+        gl.compileShader(shader)
+        if (gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+                return shader
+        } else throw 'Could not compile glsl\n\n' + gl.getShaderInfoLog(shader)
+}
+
+export const createProgram = (gl: any, vs: any, fs: any) => {
+        const program = gl.createProgram()
+        gl.attachShader(program, vs)
+        gl.attachShader(program, fs)
+        gl.linkProgram(program)
+        if (gl.getProgramParameter(program, gl.LINK_STATUS)) {
+                gl.useProgram(program)
+                return program
+        } else {
+                console.log(gl.getProgramInfoLog(program))
+                return null
+        }
+}
+
+export const createTfProgram = (gl: any, vs: any, fs: any, varyings?: any) => {
+        const pg = gl.createProgram()
+        gl.attachShader(pg, vs)
+        gl.attachShader(pg, fs)
+        gl.transformFeedbackVaryings(pg, varyings, gl.SEPARATE_ATTRIBS)
+        gl.linkProgram(pg)
+        if (gl.getProgramParameter(pg, gl.LINK_STATUS)) {
+                gl.useProgram(pg)
+                return pg
+        } else {
+                console.warn(gl.getProgramInfoLog(pg))
+                return null
+        }
+}
+
+export const createVbo = (gl: any, data: number[]) => {
+        if (!data) return
+        const vbo = gl.createBuffer()
+        gl.bindBuffer(gl.ARRAY_BUFFER, vbo)
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(data), gl.STATIC_DRAW)
+        gl.bindBuffer(gl.ARRAY_BUFFER, null)
+        return vbo
+}
+
+export const createIbo = (gl: any, data?: number[]) => {
+        if (!data) return
+        const ibo = gl.createBuffer()
+        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, ibo)
+        gl.bufferData(
+                gl.ELEMENT_ARRAY_BUFFER,
+                new Int16Array(data),
+                gl.STATIC_DRAW
+        )
+        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null)
+        return ibo
+}
+
+export const createAttribute = (
+        gl: any,
+        stride: number,
+        location: any,
+        vbo: any,
+        ibo: any
+) => {
+        gl.bindBuffer(gl.ARRAY_BUFFER, vbo)
+        gl.enableVertexAttribArray(location)
+        gl.vertexAttribPointer(location, stride, gl.FLOAT, false, 0, 0)
+        if (ibo) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, ibo)
+}
+
+export const createFramebuffer = (gl: any, width: number, height: number) => {
+        const frameBuffer = gl.createFramebuffer()
+        gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer)
+        const renderBuffer = gl.createRenderbuffer()
+        gl.bindRenderbuffer(gl.RENDERBUFFER, renderBuffer)
+        gl.renderbufferStorage(
+                gl.RENDERBUFFER,
+                gl.DEPTH_COMPONENT16,
+                width,
+                height
+        )
+        gl.framebufferRenderbuffer(
+                gl.FRAMEBUFFER,
+                gl.DEPTH_ATTACHMENT,
+                gl.RENDERBUFFER,
+                renderBuffer
+        )
+        const texture = gl.createTexture()
+        gl.bindTexture(gl.TEXTURE_2D, texture)
+        gl.texImage2D(
+                gl.TEXTURE_2D,
+                0,
+                gl.RGBA,
+                width,
+                height,
+                0,
+                gl.RGBA,
+                gl.UNSIGNED_BYTE,
+                null
+        )
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)
+        gl.framebufferTexture2D(
+                gl.FRAMEBUFFER,
+                gl.COLOR_ATTACHMENT0,
+                gl.TEXTURE_2D,
+                texture,
+                0
+        )
+        gl.bindTexture(gl.TEXTURE_2D, null)
+        gl.bindRenderbuffer(gl.RENDERBUFFER, null)
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null)
+        return { frameBuffer, renderBuffer, texture }
+}
+
+export const createFramebufferFloat = (
+        gl: any,
+        ext: any,
+        width: number,
+        height: number
+) => {
+        const flg =
+                ext.textureFloat != null
+                        ? gl.FLOAT
+                        : ext.textureHalfFloat.HALF_FLOAT_OES
+        const frameBuffer = gl.createFramebuffer()
+        const texture = gl.createTexture()
+        gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer)
+        gl.bindTexture(gl.TEXTURE_2D, texture)
+        gl.texImage2D(
+                gl.TEXTURE_2D,
+                0,
+                gl.RGBA,
+                width,
+                height,
+                0,
+                gl.RGBA,
+                flg,
+                null
+        )
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)
+        gl.framebufferTexture2D(
+                gl.FRAMEBUFFER,
+                gl.COLOR_ATTACHMENT0,
+                gl.TEXTURE_2D,
+                texture,
+                0
+        )
+        gl.bindTexture(gl.TEXTURE_2D, null)
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null)
+        return { frameBuffer, texture }
+}
+
+export const createTexture = (gl: any, img: any) => {
+        const texture = gl.createTexture()
+        gl.bindTexture(gl.TEXTURE_2D, texture)
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img)
+        gl.generateMipmap(gl.TEXTURE_2D)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)
+        gl.bindTexture(gl.TEXTURE_2D, null)
+        return texture
+}
+
+export const activeTexture = (
+        gl: any,
+        location: any,
+        activeUnit: any,
+        texture: any
+) => {
+        gl.uniform1i(location, activeUnit)
+        gl.activeTexture(gl['TEXTURE' + activeUnit])
+        gl.bindTexture(gl.TEXTURE_2D, texture)
+}

package/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("reev"),r=require("refr");function t(e,r,t){var n=e.createShader(t);if(e.shaderSource(n,r),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS))return n;console.warn(e.getShaderInfoLog(n))}var n=[-1,-1,1,-1,-1,1,-1,1,1,-1,1,1],i=performance.now(),o=0,a=0,u=e.event({vertex:"\n  attribute vec4 a_position;\n  void main() {\n    gl_Position = a_position;\n  }\n",fragment:"\n  precision mediump float;\n  uniform vec2 iResolution;\n  void main() {\n    gl_FragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);\n  }\n",size:[0,0],mouse:[0,0],count:6,counter:0,init:function(i){var o=u.gl,a=u.vs||u.vert||u.vertex,f=u.fs||u.frag||u.fragment,c=t(o,a,o.VERTEX_SHADER),l=t(o,f,o.FRAGMENT_SHADER);6===u.count&&u.attribute({a_position:n}),r.frame((function(){return void u.render()||1})),u.pg=i?function(e,r,t,n){var i=e.createProgram();return e.attachShader(i,r),e.attachShader(i,t),e.transformFeedbackVaryings(i,n,e.SEPARATE_ATTRIBS),e.linkProgram(i),e.getProgramParameter(i,e.LINK_STATUS)?(e.useProgram(i),i):(console.warn(e.getProgramInfoLog(i)),null)}(o,c,l,i):function(e,r,t){var n=e.createProgram();return e.attachShader(n,r),e.attachShader(n,t),e.linkProgram(n),e.getProgramParameter(n,e.LINK_STATUS)?(e.useProgram(n),n):(console.log(e.getProgramInfoLog(n)),null)}(o,c,l),u.lastActiveUnit=0,u.activeUnit=e.nested((function(){return u.lastActiveUnit++})),u.location=e.nested((function(e,r){return void 0===r&&(r=!1),r?null==o?void 0:o.getAttribLocation(u.pg,e):null==o?void 0:o.getUniformLocation(u.pg,e)}))},render:function(){u.gl.useProgram(u.pg),u.frame.flush(),o=i,i=performance.now()/1e3,a=i-o,u.uniform({iTime:i,iPrevTime:o,iDeltaTime:a})},_uniform:function(e,r,t){void 0===r&&(r=0),void 0===t&&(t=!1);var n=function(e,r){void 0===r&&(r=!1);var t="number"==typeof e?0:null==e?void 0:e.length;return t?r?"uniformMatrix"+(t=Math.sqrt(t)<<0)+"fv":"uniform"+t+"fv":"uniform1f"}(r,t);u.frame((function(){var i=u.location(e);t?u.gl[n](i,!1,r):u.gl[n](i,r)}))},_attribute:function(e,r,t){u.frame((function(){var n=u.location(e,!0),i=function(e,r){if(r){var t=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,t),e.bufferData(e.ARRAY_BUFFER,new Float32Array(r),e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null),t}}(u.gl,r),o=function(e,r){if(r){var t=e.createBuffer();return e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,t),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(r),e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null),t}}(u.gl,t),a=function(e,r,t){t&&(e=Math.max.apply(Math,t)+1);var n=r.length/e;return n!==n<<0&&console.warn("Vertex Stride Error: count "+e+" is mismatch"),n<<0}(u.count,r,t);!function(e,r,t,n,i){e.bindBuffer(e.ARRAY_BUFFER,n),e.enableVertexAttribArray(t),e.vertexAttribPointer(t,r,e.FLOAT,!1,0,0),i&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,i)}(u.gl,a,n,i,o)}))},_texture:function(e,r){if("undefined"!=typeof window){var t=new Image;t.addEventListener("load",(function(e){return u.load(e,t)}),!1),Object.assign(t,{src:r,alt:e,crossOrigin:"anonymous"})}},resize:function(e,r,t){void 0===r&&(r=window.innerWidth),void 0===t&&(t=window.innerHeight),u.size[0]=u.el.width=r,u.size[1]=u.el.height=t,u.uniform("iResolution",u.size)},mousemove:function(e,r,t){void 0===r&&(r=e.clientX),void 0===t&&(t=e.clientY);var n=u.size,i=n[0],o=n[1];u.mouse[0]=(r-i/2)/(i/2),u.mouse[1]=-(t-o/2)/(o/2),u.uniform("iMouse",u.mouse)},load:function(e,r){u.frame((function(){var e=u.location(r.alt),t=u.activeUnit(r.alt),n=function(e,r){var t=e.createTexture();return e.bindTexture(e.TEXTURE_2D,t),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,r),e.generateMipmap(e.TEXTURE_2D),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),t}(u.gl,r);u.frame((function(){return function(e,r,t,n){e.uniform1i(r,t),e.activeTexture(e["TEXTURE"+t]),e.bindTexture(e.TEXTURE_2D,n)}(u.gl,e,t,n),!0}))}))},clear:function(e){void 0===e&&(e="COLOR_BUFFER_BIT"),u.gl.clear(u.gl[e])},viewport:function(e){var r;void 0===e&&(e=u.size),(r=u.gl).viewport.apply(r,[0,0].concat(e))},drawArrays:function(e){void 0===e&&(e="TRIANGLES"),u.gl.drawArrays(u.gl[e],0,u.count)},drawElements:function(e,r){void 0===e&&(e="TRIANGLES"),void 0===r&&(r="UNSIGNED_SHORT"),u.gl.drawElements(u.gl[e],u.count,u.gl[r],0)}});u.frame=r.queue(),u.texture=e.durable(u._texture),u.uniform=e.durable(u._uniform),u.attribute=e.durable(u._attribute),exports.default=u,exports.gl=u;

package/index.develop.js

@@ -1 +0,0 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("reev"),require("refr")):"function"==typeof define&&define.amd?define(["exports","reev","refr"],r):r(((e="undefined"!=typeof globalThis?globalThis:e||self).index=e.index||{},e.index.ts={}),e.reev,e.refr)}(this,(function(e,r,n){"use strict";function t(e,r,n){var t=e.createShader(n);if(e.shaderSource(t,r),e.compileShader(t),e.getShaderParameter(t,e.COMPILE_STATUS))return t;console.warn(e.getShaderInfoLog(t))}var i=[-1,-1,1,-1,-1,1,-1,1,1,-1,1,1],o=performance.now(),a=0,u=0,f=r.event({vertex:"\n  attribute vec4 a_position;\n  void main() {\n    gl_Position = a_position;\n  }\n",fragment:"\n  precision mediump float;\n  uniform vec2 iResolution;\n  void main() {\n    gl_FragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);\n  }\n",size:[0,0],mouse:[0,0],count:6,counter:0,init:function(e){var o=f.gl,a=f.vs||f.vert||f.vertex,u=f.fs||f.frag||f.fragment,l=t(o,a,o.VERTEX_SHADER),c=t(o,u,o.FRAGMENT_SHADER);6===f.count&&f.attribute({a_position:i}),n.frame((function(){return void f.render()||1})),f.pg=e?function(e,r,n,t){var i=e.createProgram();return e.attachShader(i,r),e.attachShader(i,n),e.transformFeedbackVaryings(i,t,e.SEPARATE_ATTRIBS),e.linkProgram(i),e.getProgramParameter(i,e.LINK_STATUS)?(e.useProgram(i),i):(console.warn(e.getProgramInfoLog(i)),null)}(o,l,c,e):function(e,r,n){var t=e.createProgram();return e.attachShader(t,r),e.attachShader(t,n),e.linkProgram(t),e.getProgramParameter(t,e.LINK_STATUS)?(e.useProgram(t),t):(console.log(e.getProgramInfoLog(t)),null)}(o,l,c),f.lastActiveUnit=0,f.activeUnit=r.nested((function(){return f.lastActiveUnit++})),f.location=r.nested((function(e,r){return void 0===r&&(r=!1),r?null==o?void 0:o.getAttribLocation(f.pg,e):null==o?void 0:o.getUniformLocation(f.pg,e)}))},render:function(){f.gl.useProgram(f.pg),f.frame.flush(),a=o,o=performance.now()/1e3,u=o-a,f.uniform({iTime:o,iPrevTime:a,iDeltaTime:u})},_uniform:function(e,r,n){void 0===r&&(r=0),void 0===n&&(n=!1);var t=function(e,r){void 0===r&&(r=!1);var n="number"==typeof e?0:null==e?void 0:e.length;return n?r?"uniformMatrix"+(n=Math.sqrt(n)<<0)+"fv":"uniform"+n+"fv":"uniform1f"}(r,n);f.frame((function(){var i=f.location(e);n?f.gl[t](i,!1,r):f.gl[t](i,r)}))},_attribute:function(e,r,n){f.frame((function(){var t=f.location(e,!0),i=function(e,r){if(r){var n=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,n),e.bufferData(e.ARRAY_BUFFER,new Float32Array(r),e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null),n}}(f.gl,r),o=function(e,r){if(r){var n=e.createBuffer();return e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,n),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(r),e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null),n}}(f.gl,n),a=function(e,r,n){n&&(e=Math.max.apply(Math,n)+1);var t=r.length/e;return t!==t<<0&&console.warn("Vertex Stride Error: count "+e+" is mismatch"),t<<0}(f.count,r,n);!function(e,r,n,t,i){e.bindBuffer(e.ARRAY_BUFFER,t),e.enableVertexAttribArray(n),e.vertexAttribPointer(n,r,e.FLOAT,!1,0,0),i&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,i)}(f.gl,a,t,i,o)}))},_texture:function(e,r){if("undefined"!=typeof window){var n=new Image;n.addEventListener("load",(function(e){return f.load(e,n)}),!1),Object.assign(n,{src:r,alt:e,crossOrigin:"anonymous"})}},resize:function(e,r,n){void 0===r&&(r=window.innerWidth),void 0===n&&(n=window.innerHeight),f.size[0]=f.el.width=r,f.size[1]=f.el.height=n,f.uniform("iResolution",f.size)},mousemove:function(e,r,n){void 0===r&&(r=e.clientX),void 0===n&&(n=e.clientY);var t=f.size,i=t[0],o=t[1];f.mouse[0]=(r-i/2)/(i/2),f.mouse[1]=-(n-o/2)/(o/2),f.uniform("iMouse",f.mouse)},load:function(e,r){f.frame((function(){var e=f.location(r.alt),n=f.activeUnit(r.alt),t=function(e,r){var n=e.createTexture();return e.bindTexture(e.TEXTURE_2D,n),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,r),e.generateMipmap(e.TEXTURE_2D),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),n}(f.gl,r);f.frame((function(){return function(e,r,n,t){e.uniform1i(r,n),e.activeTexture(e["TEXTURE"+n]),e.bindTexture(e.TEXTURE_2D,t)}(f.gl,e,n,t),!0}))}))},clear:function(e){void 0===e&&(e="COLOR_BUFFER_BIT"),f.gl.clear(f.gl[e])},viewport:function(e){var r;void 0===e&&(e=f.size),(r=f.gl).viewport.apply(r,[0,0].concat(e))},drawArrays:function(e){void 0===e&&(e="TRIANGLES"),f.gl.drawArrays(f.gl[e],0,f.count)},drawElements:function(e,r){void 0===e&&(e="TRIANGLES"),void 0===r&&(r="UNSIGNED_SHORT"),f.gl.drawElements(f.gl[e],f.count,f.gl[r],0)}});f.frame=n.queue(),f.texture=r.durable(f._texture),f.uniform=r.durable(f._uniform),f.attribute=r.durable(f._attribute),e.default=f,e.gl=f,Object.defineProperty(e,"__esModule",{value:!0})}));

package/index.js

@@ -1 +0,0 @@
-import{event as r,nested as e,durable as n}from"reev";import{frame as t,queue as i}from"refr";function o(r,e,n){var t=r.createShader(n);if(r.shaderSource(t,e),r.compileShader(t),r.getShaderParameter(t,r.COMPILE_STATUS))return t;console.warn(r.getShaderInfoLog(t))}var a=[-1,-1,1,-1,-1,1,-1,1,1,-1,1,1],u=performance.now(),f=0,c=0,l=r({vertex:"\n  attribute vec4 a_position;\n  void main() {\n    gl_Position = a_position;\n  }\n",fragment:"\n  precision mediump float;\n  uniform vec2 iResolution;\n  void main() {\n    gl_FragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);\n  }\n",size:[0,0],mouse:[0,0],count:6,counter:0,init:function(r){var n=l.gl,i=l.vs||l.vert||l.vertex,u=l.fs||l.frag||l.fragment,f=o(n,i,n.VERTEX_SHADER),c=o(n,u,n.FRAGMENT_SHADER);6===l.count&&l.attribute({a_position:a}),t((function(){return void l.render()||1})),l.pg=r?function(r,e,n,t){var i=r.createProgram();return r.attachShader(i,e),r.attachShader(i,n),r.transformFeedbackVaryings(i,t,r.SEPARATE_ATTRIBS),r.linkProgram(i),r.getProgramParameter(i,r.LINK_STATUS)?(r.useProgram(i),i):(console.warn(r.getProgramInfoLog(i)),null)}(n,f,c,r):function(r,e,n){var t=r.createProgram();return r.attachShader(t,e),r.attachShader(t,n),r.linkProgram(t),r.getProgramParameter(t,r.LINK_STATUS)?(r.useProgram(t),t):(console.log(r.getProgramInfoLog(t)),null)}(n,f,c),l.lastActiveUnit=0,l.activeUnit=e((function(){return l.lastActiveUnit++})),l.location=e((function(r,e){return void 0===e&&(e=!1),e?null==n?void 0:n.getAttribLocation(l.pg,r):null==n?void 0:n.getUniformLocation(l.pg,r)}))},render:function(){l.gl.useProgram(l.pg),l.frame.flush(),f=u,u=performance.now()/1e3,c=u-f,l.uniform({iTime:u,iPrevTime:f,iDeltaTime:c})},_uniform:function(r,e,n){void 0===e&&(e=0),void 0===n&&(n=!1);var t=function(r,e){void 0===e&&(e=!1);var n="number"==typeof r?0:null==r?void 0:r.length;return n?e?"uniformMatrix"+(n=Math.sqrt(n)<<0)+"fv":"uniform"+n+"fv":"uniform1f"}(e,n);l.frame((function(){var i=l.location(r);n?l.gl[t](i,!1,e):l.gl[t](i,e)}))},_attribute:function(r,e,n){l.frame((function(){var t=l.location(r,!0),i=function(r,e){if(e){var n=r.createBuffer();return r.bindBuffer(r.ARRAY_BUFFER,n),r.bufferData(r.ARRAY_BUFFER,new Float32Array(e),r.STATIC_DRAW),r.bindBuffer(r.ARRAY_BUFFER,null),n}}(l.gl,e),o=function(r,e){if(e){var n=r.createBuffer();return r.bindBuffer(r.ELEMENT_ARRAY_BUFFER,n),r.bufferData(r.ELEMENT_ARRAY_BUFFER,new Int16Array(e),r.STATIC_DRAW),r.bindBuffer(r.ELEMENT_ARRAY_BUFFER,null),n}}(l.gl,n),a=function(r,e,n){n&&(r=Math.max.apply(Math,n)+1);var t=e.length/r;return t!==t<<0&&console.warn("Vertex Stride Error: count "+r+" is mismatch"),t<<0}(l.count,e,n);!function(r,e,n,t,i){r.bindBuffer(r.ARRAY_BUFFER,t),r.enableVertexAttribArray(n),r.vertexAttribPointer(n,e,r.FLOAT,!1,0,0),i&&r.bindBuffer(r.ELEMENT_ARRAY_BUFFER,i)}(l.gl,a,t,i,o)}))},_texture:function(r,e){if("undefined"!=typeof window){var n=new Image;n.addEventListener("load",(function(r){return l.load(r,n)}),!1),Object.assign(n,{src:e,alt:r,crossOrigin:"anonymous"})}},resize:function(r,e,n){void 0===e&&(e=window.innerWidth),void 0===n&&(n=window.innerHeight),l.size[0]=l.el.width=e,l.size[1]=l.el.height=n,l.uniform("iResolution",l.size)},mousemove:function(r,e,n){void 0===e&&(e=r.clientX),void 0===n&&(n=r.clientY);var t=l.size,i=t[0],o=t[1];l.mouse[0]=(e-i/2)/(i/2),l.mouse[1]=-(n-o/2)/(o/2),l.uniform("iMouse",l.mouse)},load:function(r,e){l.frame((function(){var r=l.location(e.alt),n=l.activeUnit(e.alt),t=function(r,e){var n=r.createTexture();return r.bindTexture(r.TEXTURE_2D,n),r.texImage2D(r.TEXTURE_2D,0,r.RGBA,r.RGBA,r.UNSIGNED_BYTE,e),r.generateMipmap(r.TEXTURE_2D),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,r.CLAMP_TO_EDGE),r.bindTexture(r.TEXTURE_2D,null),n}(l.gl,e);l.frame((function(){return function(r,e,n,t){r.uniform1i(e,n),r.activeTexture(r["TEXTURE"+n]),r.bindTexture(r.TEXTURE_2D,t)}(l.gl,r,n,t),!0}))}))},clear:function(r){void 0===r&&(r="COLOR_BUFFER_BIT"),l.gl.clear(l.gl[r])},viewport:function(r){var e;void 0===r&&(r=l.size),(e=l.gl).viewport.apply(e,[0,0].concat(r))},drawArrays:function(r){void 0===r&&(r="TRIANGLES"),l.gl.drawArrays(l.gl[r],0,l.count)},drawElements:function(r,e){void 0===r&&(r="TRIANGLES"),void 0===e&&(e="UNSIGNED_SHORT"),l.gl.drawElements(l.gl[r],l.count,l.gl[e],0)}});l.frame=i(),l.texture=n(l._texture),l.uniform=n(l._uniform),l.attribute=n(l._attribute);export{l as default,l as gl};