glre 0.39.0 → 0.40.0

package/dist/react.d.ts

@@ -3,7 +3,7 @@ import { EventState, Nested } from 'reev';
 import * as refr from 'refr';
 import { Queue, Frame } from 'refr';
 
-declare const CONVERSIONS: readonly ["toBool", "toUint", "toInt", "toFloat", "toBvec2", "toIvec2", "toUvec2", "toVec2", "toBvec3", "toIvec3", "toUvec3", "toVec3", "toBvec4", "toIvec4", "toUvec4", "toVec4", "toColor", "toMat2", "toMat3", "toMat4"];
+declare const CONVERSIONS: readonly ["toBool", "toUInt", "toInt", "toFloat", "toBVec2", "toIVec2", "toUVec2", "toVec2", "toBVec3", "toIVec3", "toUVec3", "toVec3", "toBVec4", "toIVec4", "toUVec4", "toVec4", "toColor", "toMat2", "toMat3", "toMat4"];
 declare const TYPE_MAPPING: {
     readonly bool: "bool";
     readonly uint: "u32";
@@ -68,7 +68,7 @@ declare const OPERATOR_TYPE_RULES: readonly [readonly ["float", "vec2", "vec2"],
  * 1.2. index.ts functions and
  * 3.2. types.ts _N
  */
-declare const FUNCTIONS: readonly [...("texture" | "all" | "any" | "determinant" | "distance" | "dot" | "length" | "lengthSq" | "luminance" | "cross" | "cubeTexture" | "texelFetch" | "textureLod")[], "abs", "acos", "acosh", "asin", "asinh", "atan", "atanh", "ceil", "cos", "cosh", "dFdx", "dFdy", "degrees", "exp", "exp2", "floor", "fract", "fwidth", "inverseSqrt", "log", "log2", "negate", "normalize", "oneMinus", "radians", "reciprocal", "round", "saturate", "sign", "sin", "sinh", "sqrt", "tan", "tanh", "trunc", "atan2", "clamp", "max", "min", "mix", "pow", "reflect", "refract", "smoothstep", "step"];
+declare const FUNCTIONS: readonly [...("texture" | "all" | "any" | "determinant" | "distance" | "dot" | "length" | "lengthSq" | "luminance" | "cross" | "cubeTexture" | "texelFetch" | "textureLod")[], "abs", "acos", "acosh", "asin", "asinh", "atan", "atanh", "ceil", "cos", "cosh", "dFdx", "dFdy", "degrees", "exp", "exp2", "floor", "fract", "fwidth", "inverse", "inverseSqrt", "log", "log2", "negate", "normalize", "oneMinus", "radians", "reciprocal", "round", "sign", "sin", "sinh", "sqrt", "tan", "tanh", "trunc", "saturate", "atan2", "clamp", "max", "min", "mix", "pow", "reflect", "refract", "smoothstep", "step"];
 
 type Constants = (typeof CONSTANTS)[number] | 'void';
 type Conversions = (typeof CONVERSIONS)[number];
@@ -82,14 +82,14 @@ interface FnLayout {
     type: C | 'auto';
     inputs?: Array<{
         name: string;
-        type: C;
+        type: C | 'auto';
     }>;
 }
 type StructFields = Record<string, X>;
 /**
  * node
  */
-type NodeTypes = 'attribute' | 'storage' | 'uniform' | 'constant' | 'variable' | 'varying' | 'ternary' | 'builtin' | 'conversion' | 'operator' | 'function' | 'struct' | 'member' | 'element' | 'gather' | 'scatter' | 'scope' | 'assign' | 'loop' | 'define' | 'if' | 'switch' | 'declare' | 'return' | 'break' | 'continue';
+type NodeTypes = 'attribute' | 'instance' | 'storage' | 'uniform' | 'constant' | 'variable' | 'varying' | 'ternary' | 'builtin' | 'conversion' | 'operator' | 'function' | 'struct' | 'member' | 'element' | 'gather' | 'scatter' | 'scope' | 'assign' | 'loop' | 'define' | 'if' | 'switch' | 'declare' | 'return' | 'break' | 'continue';
 interface NodeProps {
     id?: string;
     args?: any[];
@@ -194,10 +194,11 @@ type XImpl<T extends C> = _X<T> & {
 };
 type C = Constants;
 type X<T extends C = C> = T extends keyof ConstantsToType ? ConstantsToType[T] : _X<T>;
-type Methods = Functions | Operators | Conversions | Swizzles | '__nodeType' | 'type' | 'props' | 'isProxy' | 'assign' | 'toVar' | 'toString' | 'element';
+type Methods = Functions | Operators | Conversions | Swizzles | '__nodeType' | 'type' | 'props' | 'isProxy' | 'assign' | 'toVar' | 'toString' | 'element' | 'select';
 interface _X<T extends C> {
     readonly __nodeType?: T;
     assign(x: any): X<T>;
+    select(x: number | X<T>, y: X<'bool'>): X<T>;
     fragment(c: NodeContext): string;
     toVar(name?: string): X<T>;
     toString(c?: NodeContext): string;
@@ -241,20 +242,20 @@ interface _X<T extends C> {
     shiftLeftAssign<U extends C>(x: ValidateOperator<T, U> extends 0 ? never : number | X<U>): X<T>;
     shiftRightAssign<U extends C>(x: ValidateOperator<T, U> extends 0 ? never : number | X<U>): X<T>;
     toBool(): Bool;
-    toUint(): UInt;
+    toUInt(): UInt;
     toInt(): Int;
     toFloat(): Float;
-    toBvec2(): BVec2;
-    toIvec2(): IVec2;
-    toUvec2(): UVec2;
+    toBVec2(): BVec2;
+    toIVec2(): IVec2;
+    toUVec2(): UVec2;
     toVec2(): Vec2;
-    toBvec3(): BVec3;
-    toIvec3(): IVec3;
-    toUvec3(): UVec3;
+    toBVec3(): BVec3;
+    toIVec3(): IVec3;
+    toUVec3(): UVec3;
     toVec3(): Vec3;
-    toBvec4(): BVec4;
-    toIvec4(): IVec4;
-    toUvec4(): UVec4;
+    toBVec4(): BVec4;
+    toIVec4(): IVec4;
+    toUVec4(): UVec4;
     toVec4(): Vec4;
     toColor(): Color;
     toMat2(): Mat2;
@@ -338,14 +339,17 @@ type GL = EventState<{
     isWebGL: boolean;
     isError: boolean;
     isLoop: boolean;
+    isDebug: boolean;
+    isDepth: boolean;
     isGL: true;
     width?: number;
     height?: number;
     size: [number, number];
     mouse: [number, number];
     count: number;
+    instanceCount: number;
+    particleCount: number | [number, number] | [number, number, number];
     loading: number;
-    particles: 64 | 256 | 576 | 1024 | 1600 | 2304 | 3136 | 4096 | 4096 | 5184 | 6400;
     el: HTMLCanvasElement;
     vs?: string | Vec4;
     cs?: string | Void;
@@ -372,7 +376,7 @@ type GL = EventState<{
     error(e?: string): void;
     render(): void;
     resize(e?: Event): void;
-    mousemove(e: Event): void;
+    mousemove(e: MouseEvent): void;
     loop(): void;
     /**
      * setter
@@ -392,6 +396,11 @@ type GL = EventState<{
     attribute(target: {
         [key: string]: Attribute;
     }): GL;
+    _instance?(key: string, value: Attribute, at?: number): GL;
+    instance(key: string, value: Attribute, at?: number): GL;
+    instance(target: {
+        [key: string]: Attribute;
+    }): GL;
     _storage?(key: string, value: Storage): GL;
     storage(key: string, value: Storage): GL;
     storage(target: {
@@ -422,6 +431,7 @@ interface AttribData {
     buffer: GPUBuffer;
     location: number;
     stride: number;
+    isInstance?: boolean;
 }
 interface StorageData {
     array: Float32Array;
@@ -453,14 +463,17 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
     isWebGL: boolean;
     isError: boolean;
     isLoop: boolean;
+    isDebug: boolean;
+    isDepth: boolean;
     isGL: true;
     width?: number;
     height?: number;
     size: [number, number];
     mouse: [number, number];
     count: number;
+    instanceCount: number;
+    particleCount: number | [number, number] | [number, number, number];
     loading: number;
-    particles: 64 | 256 | 576 | 1024 | 1600 | 2304 | 3136 | 4096 | 4096 | 5184 | 6400;
     el: HTMLCanvasElement;
     vs?: string | Vec4;
     cs?: string | Void;
@@ -481,7 +494,7 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
     error(e?: string): void;
     render(): void;
     resize(e?: Event): void;
-    mousemove(e: Event): void;
+    mousemove(e: MouseEvent): void;
     loop(): void;
     _uniform?(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
     uniform(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
@@ -498,6 +511,11 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
     attribute(target: {
         [key: string]: number[] | Float32Array<ArrayBufferLike>;
     }): GL;
+    _instance?(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
+    instance(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
+    instance(target: {
+        [key: string]: number[] | Float32Array<ArrayBufferLike>;
+    }): GL;
     _storage?(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
     storage(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
     storage(target: {
@@ -507,4 +525,4 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
 
 declare const useGL: (props?: Partial<GL>) => reev.EventState<GL>;
 
-export { AttribData, GL, StorageData, TextureData, UniformData, WebGLState, WebGPUState, createGL, isGL, isServer, isWebGPUSupported, useGL };
+export { type AttribData, type GL, type StorageData, type TextureData, type UniformData, type WebGLState, type WebGPUState, createGL, isGL, isServer, isWebGPUSupported, useGL };

package/dist/solid.d.ts

@@ -3,7 +3,7 @@ import { EventState, Nested } from 'reev';
 import * as refr from 'refr';
 import { Queue, Frame } from 'refr';
 
-declare const CONVERSIONS: readonly ["toBool", "toUint", "toInt", "toFloat", "toBvec2", "toIvec2", "toUvec2", "toVec2", "toBvec3", "toIvec3", "toUvec3", "toVec3", "toBvec4", "toIvec4", "toUvec4", "toVec4", "toColor", "toMat2", "toMat3", "toMat4"];
+declare const CONVERSIONS: readonly ["toBool", "toUInt", "toInt", "toFloat", "toBVec2", "toIVec2", "toUVec2", "toVec2", "toBVec3", "toIVec3", "toUVec3", "toVec3", "toBVec4", "toIVec4", "toUVec4", "toVec4", "toColor", "toMat2", "toMat3", "toMat4"];
 declare const TYPE_MAPPING: {
     readonly bool: "bool";
     readonly uint: "u32";
@@ -68,7 +68,7 @@ declare const OPERATOR_TYPE_RULES: readonly [readonly ["float", "vec2", "vec2"],
  * 1.2. index.ts functions and
  * 3.2. types.ts _N
  */
-declare const FUNCTIONS: readonly [...("texture" | "all" | "any" | "determinant" | "distance" | "dot" | "length" | "lengthSq" | "luminance" | "cross" | "cubeTexture" | "texelFetch" | "textureLod")[], "abs", "acos", "acosh", "asin", "asinh", "atan", "atanh", "ceil", "cos", "cosh", "dFdx", "dFdy", "degrees", "exp", "exp2", "floor", "fract", "fwidth", "inverseSqrt", "log", "log2", "negate", "normalize", "oneMinus", "radians", "reciprocal", "round", "saturate", "sign", "sin", "sinh", "sqrt", "tan", "tanh", "trunc", "atan2", "clamp", "max", "min", "mix", "pow", "reflect", "refract", "smoothstep", "step"];
+declare const FUNCTIONS: readonly [...("texture" | "all" | "any" | "determinant" | "distance" | "dot" | "length" | "lengthSq" | "luminance" | "cross" | "cubeTexture" | "texelFetch" | "textureLod")[], "abs", "acos", "acosh", "asin", "asinh", "atan", "atanh", "ceil", "cos", "cosh", "dFdx", "dFdy", "degrees", "exp", "exp2", "floor", "fract", "fwidth", "inverse", "inverseSqrt", "log", "log2", "negate", "normalize", "oneMinus", "radians", "reciprocal", "round", "sign", "sin", "sinh", "sqrt", "tan", "tanh", "trunc", "saturate", "atan2", "clamp", "max", "min", "mix", "pow", "reflect", "refract", "smoothstep", "step"];
 
 type Constants = (typeof CONSTANTS)[number] | 'void';
 type Conversions = (typeof CONVERSIONS)[number];
@@ -82,14 +82,14 @@ interface FnLayout {
     type: C | 'auto';
     inputs?: Array<{
         name: string;
-        type: C;
+        type: C | 'auto';
     }>;
 }
 type StructFields = Record<string, X>;
 /**
  * node
  */
-type NodeTypes = 'attribute' | 'storage' | 'uniform' | 'constant' | 'variable' | 'varying' | 'ternary' | 'builtin' | 'conversion' | 'operator' | 'function' | 'struct' | 'member' | 'element' | 'gather' | 'scatter' | 'scope' | 'assign' | 'loop' | 'define' | 'if' | 'switch' | 'declare' | 'return' | 'break' | 'continue';
+type NodeTypes = 'attribute' | 'instance' | 'storage' | 'uniform' | 'constant' | 'variable' | 'varying' | 'ternary' | 'builtin' | 'conversion' | 'operator' | 'function' | 'struct' | 'member' | 'element' | 'gather' | 'scatter' | 'scope' | 'assign' | 'loop' | 'define' | 'if' | 'switch' | 'declare' | 'return' | 'break' | 'continue';
 interface NodeProps {
     id?: string;
     args?: any[];
@@ -194,10 +194,11 @@ type XImpl<T extends C> = _X<T> & {
 };
 type C = Constants;
 type X<T extends C = C> = T extends keyof ConstantsToType ? ConstantsToType[T] : _X<T>;
-type Methods = Functions | Operators | Conversions | Swizzles | '__nodeType' | 'type' | 'props' | 'isProxy' | 'assign' | 'toVar' | 'toString' | 'element';
+type Methods = Functions | Operators | Conversions | Swizzles | '__nodeType' | 'type' | 'props' | 'isProxy' | 'assign' | 'toVar' | 'toString' | 'element' | 'select';
 interface _X<T extends C> {
     readonly __nodeType?: T;
     assign(x: any): X<T>;
+    select(x: number | X<T>, y: X<'bool'>): X<T>;
     fragment(c: NodeContext): string;
     toVar(name?: string): X<T>;
     toString(c?: NodeContext): string;
@@ -241,20 +242,20 @@ interface _X<T extends C> {
     shiftLeftAssign<U extends C>(x: ValidateOperator<T, U> extends 0 ? never : number | X<U>): X<T>;
     shiftRightAssign<U extends C>(x: ValidateOperator<T, U> extends 0 ? never : number | X<U>): X<T>;
     toBool(): Bool;
-    toUint(): UInt;
+    toUInt(): UInt;
     toInt(): Int;
     toFloat(): Float;
-    toBvec2(): BVec2;
-    toIvec2(): IVec2;
-    toUvec2(): UVec2;
+    toBVec2(): BVec2;
+    toIVec2(): IVec2;
+    toUVec2(): UVec2;
     toVec2(): Vec2;
-    toBvec3(): BVec3;
-    toIvec3(): IVec3;
-    toUvec3(): UVec3;
+    toBVec3(): BVec3;
+    toIVec3(): IVec3;
+    toUVec3(): UVec3;
     toVec3(): Vec3;
-    toBvec4(): BVec4;
-    toIvec4(): IVec4;
-    toUvec4(): UVec4;
+    toBVec4(): BVec4;
+    toIVec4(): IVec4;
+    toUVec4(): UVec4;
     toVec4(): Vec4;
     toColor(): Color;
     toMat2(): Mat2;
@@ -338,14 +339,17 @@ type GL = EventState<{
     isWebGL: boolean;
     isError: boolean;
     isLoop: boolean;
+    isDebug: boolean;
+    isDepth: boolean;
     isGL: true;
     width?: number;
     height?: number;
     size: [number, number];
     mouse: [number, number];
     count: number;
+    instanceCount: number;
+    particleCount: number | [number, number] | [number, number, number];
     loading: number;
-    particles: 64 | 256 | 576 | 1024 | 1600 | 2304 | 3136 | 4096 | 4096 | 5184 | 6400;
     el: HTMLCanvasElement;
     vs?: string | Vec4;
     cs?: string | Void;
@@ -372,7 +376,7 @@ type GL = EventState<{
     error(e?: string): void;
     render(): void;
     resize(e?: Event): void;
-    mousemove(e: Event): void;
+    mousemove(e: MouseEvent): void;
     loop(): void;
     /**
      * setter
@@ -392,6 +396,11 @@ type GL = EventState<{
     attribute(target: {
         [key: string]: Attribute;
     }): GL;
+    _instance?(key: string, value: Attribute, at?: number): GL;
+    instance(key: string, value: Attribute, at?: number): GL;
+    instance(target: {
+        [key: string]: Attribute;
+    }): GL;
     _storage?(key: string, value: Storage): GL;
     storage(key: string, value: Storage): GL;
     storage(target: {
@@ -422,6 +431,7 @@ interface AttribData {
     buffer: GPUBuffer;
     location: number;
     stride: number;
+    isInstance?: boolean;
 }
 interface StorageData {
     array: Float32Array;
@@ -453,14 +463,17 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
     isWebGL: boolean;
     isError: boolean;
     isLoop: boolean;
+    isDebug: boolean;
+    isDepth: boolean;
     isGL: true;
     width?: number;
     height?: number;
     size: [number, number];
     mouse: [number, number];
     count: number;
+    instanceCount: number;
+    particleCount: number | [number, number] | [number, number, number];
     loading: number;
-    particles: 64 | 256 | 576 | 1024 | 1600 | 2304 | 3136 | 4096 | 4096 | 5184 | 6400;
     el: HTMLCanvasElement;
     vs?: string | Vec4;
     cs?: string | Void;
@@ -481,7 +494,7 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
     error(e?: string): void;
     render(): void;
     resize(e?: Event): void;
-    mousemove(e: Event): void;
+    mousemove(e: MouseEvent): void;
     loop(): void;
     _uniform?(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
     uniform(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
@@ -498,6 +511,11 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
     attribute(target: {
         [key: string]: number[] | Float32Array<ArrayBufferLike>;
     }): GL;
+    _instance?(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
+    instance(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
+    instance(target: {
+        [key: string]: number[] | Float32Array<ArrayBufferLike>;
+    }): GL;
     _storage?(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
     storage(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
     storage(target: {
@@ -507,4 +525,4 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
 
 declare const onGL: (props?: Partial<GL>) => reev.EventState<GL>;
 
-export { AttribData, GL, StorageData, TextureData, UniformData, WebGLState, WebGPUState, createGL, isGL, isServer, isWebGPUSupported, onGL };
+export { type AttribData, type GL, type StorageData, type TextureData, type UniformData, type WebGLState, type WebGPUState, createGL, isGL, isServer, isWebGPUSupported, onGL };

package/package.json

@@ -1,6 +1,6 @@
 {
         "name": "glre",
-        "version": "0.39.0",
+        "version": "0.40.0",
         "author": "tseijp",
         "license": "MIT",
         "private": false,
@@ -30,26 +30,26 @@
         "module": "./dist/index.js",
         "exports": {
                 "./packages.json": "./packages.json",
-                "./src/node": {
-                        "types": "./src/node/index.ts",
-                        "import": "./src/node/index.ts",
-                        "default": "./src/node/index.ts"
-                },
-                "./src/react": {
-                        "types": "./src/react.ts",
-                        "import": "./src/react.ts",
-                        "default": "./src/react.ts"
-                },
                 "./src/addons": {
                         "types": "./src/addons/index.ts",
                         "import": "./src/addons/index.ts",
                         "default": "./src/addons/index.ts"
                 },
+                "./src/node": {
+                        "types": "./src/node/index.ts",
+                        "import": "./src/node/index.ts",
+                        "default": "./src/node/index.ts"
+                },
                 "./src/native": {
                         "types": "./src/native.ts",
                         "import": "./src/native.ts",
                         "default": "./src/native.ts"
                 },
+                "./src/react": {
+                        "types": "./src/react.ts",
+                        "import": "./src/react.ts",
+                        "default": "./src/react.ts"
+                },
                 "./src/solid": {
                         "types": "./src/solid.ts",
                         "import": "./src/solid.ts",
@@ -86,19 +86,6 @@
                         "require": "./dist/node.cjs",
                         "default": "./dist/node.js"
                 },
-                "./react": {
-                        "types": "./dist/react.d.ts",
-                        "import": {
-                                "types": "./dist/react.d.ts",
-                                "default": "./dist/react.js"
-                        },
-                        "module": {
-                                "types": "./dist/react.d.ts",
-                                "default": "./dist/react.js"
-                        },
-                        "require": "./dist/react.cjs",
-                        "default": "./dist/react.js"
-                },
                 "./native": {
                         "types": "./dist/native.d.ts",
                         "import": {
@@ -112,6 +99,19 @@
                         "require": "./dist/native.cjs",
                         "default": "./dist/native.js"
                 },
+                "./react": {
+                        "types": "./dist/react.d.ts",
+                        "import": {
+                                "types": "./dist/react.d.ts",
+                                "default": "./dist/react.js"
+                        },
+                        "module": {
+                                "types": "./dist/react.d.ts",
+                                "default": "./dist/react.js"
+                        },
+                        "require": "./dist/react.cjs",
+                        "default": "./dist/react.js"
+                },
                 "./solid": {
                         "types": "./dist/solid.d.ts",
                         "import": {

package/src/addons/animation/easing/backIn.ts

@@ -0,0 +1,10 @@
+import { Fn, Float, pow, sin } from '../../../node'
+import { PI } from '../../math/const'
+
+export const backIn = Fn(([t]: [Float]): Float => {
+        return pow(t, 3).sub(t.mul(sin(t.mul(PI))))
+}).setLayout({
+        name: 'backIn',
+        type: 'float',
+        inputs: [{ name: 't', type: 'float' }],
+})

package/src/addons/animation/easing/backInOut.ts

@@ -0,0 +1,12 @@
+import { Fn, Float, float } from '../../../node'
+import { backIn } from './backIn'
+
+export const backInOut = Fn(([t]: [Float]): Float => {
+        const f = t.mul(2).select(float(1).sub(t.mul(2).sub(1)), t.lessThan(0.5))
+        const g = backIn(f)
+        return g.div(2).select(float(1).sub(g).div(2).add(0.5), t.lessThan(0.5))
+}).setLayout({
+        name: 'backInOut',
+        type: 'float',
+        inputs: [{ name: 't', type: 'float' }],
+})

package/src/addons/animation/easing/backOut.ts

@@ -0,0 +1,10 @@
+import { Fn, Float, float } from '../../../node'
+import { backIn } from './backIn'
+
+export const backOut = Fn(([t]: [Float]): Float => {
+        return float(1).sub(backIn(float(1).sub(t)))
+}).setLayout({
+        name: 'backOut',
+        type: 'float',
+        inputs: [{ name: 't', type: 'float' }],
+})

package/src/addons/animation/easing/bounceIn.ts

@@ -0,0 +1,10 @@
+import { Fn, Float, float } from '../../../node'
+import { bounceOut } from './bounceOut'
+
+export const bounceIn = Fn(([t]: [Float]): Float => {
+        return float(1).sub(bounceOut(float(1).sub(t)))
+}).setLayout({
+        name: 'bounceIn',
+        type: 'float',
+        inputs: [{ name: 't', type: 'float' }],
+})

package/src/addons/animation/easing/bounceInOut.ts

@@ -0,0 +1,13 @@
+import { Fn, Float, float } from '../../../node'
+import { bounceOut } from './bounceOut'
+
+export const bounceInOut = Fn(([t]: [Float]): Float => {
+        return float(1)
+                .sub(bounceOut(float(1).sub(t.mul(2))))
+                .div(2)
+                .select(bounceOut(t.mul(2).sub(1)).div(2).add(0.5), t.lessThan(0.5))
+}).setLayout({
+        name: 'bounceInOut',
+        type: 'float',
+        inputs: [{ name: 't', type: 'float' }],
+})

package/src/addons/animation/easing/bounceOut.ts

@@ -0,0 +1,30 @@
+import { Fn, Float, float } from '../../../node'
+
+export const bounceOut = Fn(([t]: [Float]): Float => {
+        const a = float(4 / 11)
+        const b = float(8 / 11)
+        const c = float(9 / 10)
+        const ca = float(4356.0 / 361.0)
+        const cb = float(35442.0 / 1805.0)
+        const cc = float(16061.0 / 1805.0)
+        const t2 = t.mul(t)
+        return t2.mul(7.5625).select(
+                t2
+                        .mul(9.075)
+                        .sub(t.mul(9.9))
+                        .add(3.4)
+                        .select(
+                                t2
+                                        .mul(ca)
+                                        .sub(t.mul(cb))
+                                        .add(cc)
+                                        .select(t2.mul(10.8).sub(t.mul(20.52)).add(10.72), t.lessThan(c)),
+                                t.lessThan(b)
+                        ),
+                t.lessThan(a)
+        )
+}).setLayout({
+        name: 'bounceOut',
+        type: 'float',
+        inputs: [{ name: 't', type: 'float' }],
+})

package/src/addons/animation/easing/circularIn.ts

@@ -0,0 +1,9 @@
+import { Fn, X } from '../../../node'
+
+export const circularIn = Fn(([t]: [X]): X => {
+        return t.mul(t).oneMinus().sqrt().oneMinus()
+}).setLayout({
+        name: 'circularIn',
+        type: 'auto',
+        inputs: [{ name: 't', type: 'auto' }],
+})

package/src/addons/animation/easing/circularInOut.ts

@@ -0,0 +1,11 @@
+import { Fn, X } from '../../../node'
+
+export const circularInOut = Fn(([t]: [X]): X => {
+        const early = t.mul(t).mul(4).oneMinus().sqrt().oneMinus().div(2)
+        const late = t.mul(2).sub(1).mul(t.mul(-2).add(3)).sqrt().add(1).div(2)
+        return (early as any).select(late, t.lessThan(0.5))
+}).setLayout({
+        name: 'circularInOut',
+        type: 'auto',
+        inputs: [{ name: 't', type: 'auto' }],
+})

package/src/addons/animation/easing/circularOut.ts

@@ -0,0 +1,9 @@
+import { Fn, X, float } from '../../../node'
+
+export const circularOut = Fn(([t]: [X]): X => {
+        return float(2).sub(t).mul(t).sqrt()
+}).setLayout({
+        name: 'circularOut',
+        type: 'auto',
+        inputs: [{ name: 't', type: 'auto' }],
+})

package/src/addons/animation/easing/cubicIn.ts

@@ -0,0 +1,9 @@
+import { Fn, X } from '../../../node'
+
+export const cubicIn = Fn(([t]: [X]): X => {
+        return t.mul(t).mul(t)
+}).setLayout({
+        name: 'cubicIn',
+        type: 'auto',
+        inputs: [{ name: 't', type: 'auto' }],
+})

package/src/addons/animation/easing/cubicInOut.ts

@@ -0,0 +1,11 @@
+import { Fn, X } from '../../../node'
+
+export const cubicInOut = Fn(([t]: [X]): X => {
+        const early = t.mul(t).mul(t).mul(4)
+        const late = t.mul(2).sub(2).pow(3).div(2).add(1)
+        return (early as any).select(late, t.lessThan(0.5))
+}).setLayout({
+        name: 'cubicInOut',
+        type: 'auto',
+        inputs: [{ name: 't', type: 'auto' }],
+})

package/src/addons/animation/easing/cubicOut.ts

@@ -0,0 +1,10 @@
+import { Fn, X } from '../../../node'
+
+export const cubicOut = Fn(([t]: [X]): X => {
+        const f = t.sub(1)
+        return f.mul(f).mul(f).add(1)
+}).setLayout({
+        name: 'cubicOut',
+        type: 'auto',
+        inputs: [{ name: 't', type: 'auto' }],
+})

package/src/addons/animation/easing/elasticIn.ts

@@ -0,0 +1,10 @@
+import { Fn, Float, sin, pow, float } from '../../../node'
+import { HALF_PI } from '../../math/const'
+
+export const elasticIn = Fn(([t]: [Float]): Float => {
+        return sin(t.mul(13).mul(HALF_PI)).mul(pow(float(2), t.sub(1).mul(10)))
+}).setLayout({
+        name: 'elasticIn',
+        type: 'float',
+        inputs: [{ name: 't', type: 'float' }],
+})

package/src/addons/animation/easing/elasticInOut.ts

@@ -0,0 +1,21 @@
+import { Fn, Float, sin, pow, float } from '../../../node'
+import { HALF_PI } from '../../math/const'
+
+export const elasticInOut = Fn(([t]: [Float]): Float => {
+        const t2 = t.mul(2)
+        const t2minus1 = t2.sub(1)
+        return sin(HALF_PI.mul(13).mul(t2))
+                .mul(pow(float(2), t2minus1.mul(10)))
+                .div(2)
+                .select(
+                        sin(HALF_PI.mul(-13).mul(t2minus1.add(1)))
+                                .mul(pow(float(2), t2minus1.mul(-10)))
+                                .div(2)
+                                .add(1),
+                        t.lessThan(0.5)
+                )
+}).setLayout({
+        name: 'elasticInOut',
+        type: 'float',
+        inputs: [{ name: 't', type: 'float' }],
+})

package/src/addons/animation/easing/elasticOut.ts

@@ -0,0 +1,12 @@
+import { Fn, Float, sin, pow, float } from '../../../node'
+import { HALF_PI } from '../../math/const'
+
+export const elasticOut = Fn(([t]: [Float]): Float => {
+        return sin(float(-13).mul(t.add(1)).mul(HALF_PI))
+                .mul(pow(float(2), float(-10).mul(t)))
+                .add(1)
+}).setLayout({
+        name: 'elasticOut',
+        type: 'float',
+        inputs: [{ name: 't', type: 'float' }],
+})

package/src/addons/animation/easing/exponentialIn.ts

@@ -0,0 +1,9 @@
+import { Fn, X } from '../../../node'
+
+export const exponentialIn = Fn(([t]: [X]): X => {
+        return (t as any).select(t.sub(1).mul(10).exp2(), t.equal(0))
+}).setLayout({
+        name: 'exponentialIn',
+        type: 'auto',
+        inputs: [{ name: 't', type: 'auto' }],
+})