mikkoh

r/w stream of glsl tokens

Bundle a glslify-deps dependency tree into a GLSL source string

Walk the dependency graph of a glslify shader.

Retrieve the values defined with preprocessor statements in a selection of GLSL tokens

Converts an array of GLSL tokens to a plain source string

Infer the scope of each token in an array of GLSL tokens

A node.js-style module system for GLSL!

Take an array of GLSL tokens and determine which tokens are either assignments or variable declarations.

Takes an array of GLSL tokens and determines whether or not they're a property of another identifier

gl-matrix's mat4, split into smaller pieces

Determine the scope depth of an array of GLSL tokens

Trim the whitespace within an array of GLSL tokens

"Descope" an array of GLSL tokens such that they can be safely inlined alongside within another shader without causing any global variable conflicts.

Will add px to the end of style values which are Numbers

gl-matrix's vec2, split into smaller pieces

gl-matrix's vec3, split into smaller pieces

Creates a WebGL context without a window

glslify loader module for webpack

gl-matrix's mat2, split into smaller pieces

WebGL shader wrapper

gl-matrix's mat3, split into smaller pieces

WebGL texture wrapper

gl-matrix's vec4, split into smaller pieces

Extract a shader's name from its source

WebGL buffer wrapper

Vertex array object wrapper/shim for WebGL

Extract function definitions from an array of GLSL tokens.

Saves WebGL context state

Frame buffer object wrapper for WebGL

Cook-Torrance specular/fresnel lighting term

Invert a matrix in GLSL

Beckmann specular distribution for GLSL

The JS Buy SDK is a lightweight library that allows you to build ecommerce into any website. It is based on Shopify's API and provides the ability to retrieve products and collections from your shop, add products to a cart, and checkout.

anti-alias smoothstep utility function

Robert Penner's easing functions in GLSL, available as a module for glslify.

transform streamed glsl tokens into an ast

Will add a header comment (such as license, version info, etc.) to the start of the transpiled code

Get up and running with the google maps API quickly

A transform stream for glslify that adds an `import` directive to your shaders.

through stream that translates glsl-parser AST nodes into working glsl code

Parse out a longitude and latitude from a value that is either a string or object.

extract uniforms and attributes from glsl programs

through stream that transforms glsl-parser AST nodes and rewrites variables into shorter forms

Determine the point of intersection between a ray and axis-aligned bounding box (AABB)

"Parses" the log output of gl.getShaderInfoLog

Core implementation of gl-shader without parser dependencies

create a readable stream of glsl ast nodes that produce a module system

Transpile GLSL to JS

WebGL extension wrangler

associate objects with routes. Used by bigwheel to route sections

colormaps for glsl shaders

approximate face normal in the fragment shader

A transform stream for [glslify](http://github.com/chrisdickinson/glslify) that replaces CSS-style hexadecimal colors with `vec3/vec4` definitions.

Khronos WebGL conformance test suite

A function which will convert scientific numbers to decimal strings

3D mesh of Snowden's Bust

A stateful ui library

Define states with values and kimi will drive between the states

Will create test scripts based on eslint output. Basically developers can't ignore linting if it's integrated into ci

Get the Google Client API object asynchronously to use Google API's

glslify transform that provides you with a cleaner module import/export syntax ✨

f1 animation parsing functions for the dom

Create a WebGL context now!

A flexible wrapper for gl-vao and gl-buffer that you can use to set up renderable WebGL geometries from a variety of different formats.

jsOOP aids in object oriented programming in JS.

This plugin will add a standardized Shopify comment header to transpiled files

This module will return the current project version string. The version string is made of the last git tag or package.json version (if no git tag exists) and the last commit hash.

Transpose a matrix in GLSL

This is an easy way to consume the Google Maps Image API to render static maps or street views

React UI animation components built on top of f1-dom and f1.

Using interpolation-builder you can build interpolation functions for objects and arrays

This is a Babel Plugin which will generate ci tests based on eslint results. Basically developers can't ignore linting when it's in CI

Generate a 3D lookAt matrix in GLSL

Easy way to use the google timezone api

Creates a function which can be used to animate values. Supports ease functions and delay.

Record microphone data via getUsermedia automatically based on microphone activity

This is a view manager for bigwheel (it brings in out content)

A collection of utility functions to work with CLM Trackr data.

A helper WebGL module for clearing the current buffer – extracted from [@mikolalysenko](http://github.com/mikolalysenko)'s [gl-now](http://github.com/mikolalysenko/gl-now).

proj4 coordinate transforms in glsl

bigwheel can handle multiple render engines this module helps. Pass multiple view items to act as one

Pull audio waveform/frequency data into WebGL for realtime audio visualisation!

This is a utility function to calculate the bounding box of series of 2D points

Lambertian diffuse lighting for GLSL

bigwheel is an unopinionated, minimalist frontend framework that manages application state

Get the normal vector of a position within a signed distance field.

Convenience module for GLSL raytracing that provides a turntable camera for your scene.

a blur effect based on random hash offset

π available at your convenience for use within glslify

perturb normal from a normal map

Given a signed distance function and ray, trace a scene to find the first point of intersection.

will export an After Effects project as a JSON object

Blinn-Phong specular effect

Oren-Nayar diffuse lighting model

Self directed GLSL lessons

Computes the Frobenius norm of a matrix in glsl

Setup id, className, and inline css if needed for and HTMLElement based on a selector. Handy for cases where sometimes css maybe applied from an external file or sometimes from inline.css

Phong specular distribution in GLSL

rooms++ for socket.io. Allows for private rooms where a key is used and storing data for a room.

This module will save a blob/file from the browser.

Generates a ray for Shadertoy-style raycasting in GLSL

Completely reset the state of a WebGL context, deleting any allocated resources

Gaussian specular model for GLSL

Add in locations by name and lengths/durations to those locations after which you can ask for directions

returns a <video> that is rendering a users webcam and optionally turns on the microphone

Visually compare two webgl render loops on the fly

This module will take sampled data and encode it as a wav file. This is based on https://github.com/mattdiamond/Recorderjs/

This will create "parallax" scenes where you lookin as if looking into a fish bowl

Convenience module for FBO-driven particle simulations

Boilerplate for frontend-focused NodeSchool lessons

This is a module which can be used for workshops or lessons based on browsers

This module will help reading the Google Maps Elevation API

A Promise wrapper for glslify, providing a consistent interface between both Node.js and browserify

Intercepts uploads to WebGL buffers in order to keep track of their expected value on the GPU.

a halftone effect in GLSL

A tap/tape reporter which adds a dom element to the dom and can be styled easily

Creates a 2d asterisk type shape in 3d space

Smooth minimum functions for GLSL

Pass an object defining css a function will be returned. Pass selectors to the returned function to get merged css objects

This module will take the d1-dom module and "oldify" it. This means css transforms and opacity will be polyfilled for older browsers.

use proj4 strings to map lonlat geometry to screen coordinates in a shader

A replacement resolver function for glslify that lets you automatically pull in GLSL modules from npm

A React component that visualizes react-f1 ui.

Extract macro preprocessor statements from an array of GLSL tokens

This will test licenses which are in the list of acceptable licenses at Jam3

Convert Google Maps Coordinates without Google Maps. Handles conversions between lat long, point, and px

Will load a series of images while adhering to rate limits

A JSON listing of the WebGL 1.0 API

This is a module to quickly use the Web Speech API to recognize keywords as a user speaks.

Pass in a selector will return an array which describes the parts of the selector

This module will allow you to run npm scripts with variables and with input

This module will create a canvas element which can be used to visualize easing equations

Preview the contents of a set of gl-texture instances alongside your main render pass.

This will simply return true if getUserMediaExists. It will also shim it in so you can use navigator.getUserMedia

Spits out fresh stackgl modules for your convenience

Simple "lookat" camera abstraction built on top of gl-matrix

Create a quick and dirty toolbar for rapid prototyping

A logarithmic scale for glslify

Creates a 2d arc in 3d space

readme.md is the documentation format for NPM Modules. View readme.md in the browser as if they were documentation

Creates a 2d star type shape in 3d space

CLM Trackr has a built in draw method. This module exposes the ability to draw face parts individually using a custom strokestyle

Find all require calls within a glslify file

will return an Event. The event will fire when requestAnimationFrame evaluates. The event will return the difference in milliseconds since the last call.

will convert a Promise to a frp event

This is an easy way to consume the Google Maps Image API to render static maps or street views

Creates a 2d chevron type shape in 3d space

This is an in memory store used by innkeeper. It handles room creation, management, keys, and data.

Create quick WebGL demo's using glslify

glsl ggx lighting model

A linear scale for glslify

Pass an HTMLImageElement receive a Canvas back

This is a bare bones Browserify project generator. Inspired by the ease of use with Beefy. Browserify compiles are performed via Grunt and the application is served via Connect

Computes the determinant of a matrix in glsl

This module will convert keyframe temporal ease data exported from ae-to-json to a cubic ease equation definition

Ward anisotropic specular model

This is a command line application to export After Effects files as JSON

draw anti-aliased circular arcs in a shader with glslify

An API and accompanying client for generating glslify shaders in the browser

Call a function after a certain set of time or on a specific Date.

Create a quick "window" you can drag content around the window with

Easily change and access your WebGL flags set by gl.enable/gl.disable with minimised overhead

innkeeper provides servers group/room management using an memory store you can define

This is a redis store used by innkeeper. It handles room creation, management, keys, and data.

Convert a webgl context or webgl canvas into a 2d canvas

Fit an element to specific dimensions, rotated according to the aspect ratio to maintain a fake "orientation lock"

A function which you pass a css transform (2d or 3d) and an optional transform origin value to and it will try to emulate it for ie6 - ie8.

This is a server which is used to watch repos at Jam3 and output the license of a repo

Combine two signed distance fields with a chamfer-like join.

Smoothly combine two signed distance fields.

Given a series of GLSL tokens, dedupes any extension declarations and places them at the top of the shader source

Shakes out any unused functions from your GLSL shaders. Especially useful alongside tools such as [glslify](https://github.com/stackgl/glslify).

Simple WebGL post-processing

This is a set of easing equations which are outside of standard Penner easing equations

GLSL SDF function for generating a sphere.

Create add, remove, and position animated hotspots

Will take a string which is a css transform value (2d or 3d) and return a mat4 or 3d transformation matrix from the string.

Creates a ring cut into piece in 3d space.

A templating library for PIXI

will analyze image data using a passed rule function using a quadtree

Convenience wrapper for handling glslify on the client, minimising the amount of requests to glslify-deps

Given a center map cordinate Google Static Maps API will be used to load tiles of a map in a given area.

GLSL SDF function for generating a sphere.

Read out the contents of a floating-point gl-texture2d

glslify module to convert cartesian to barycentric coordinates

A helper module which allows you to receive a Photoshop Generator instance

will call a series of functions over time

Record mic input from getUserMedia and web audio

Interpolate between numbers, objects, and arrays

Using gl-meshhelper you can take vertex data that has duplication in the format that gl-meshhelper uses and get clean vertex data and index data

Reusable CSS for styling README/Markdown content consistently

Interpolation between many values

Use this to map vertex data which is array format to object format

This is a lesson on assynchronous javascript. It covers Node EventEmitter, Node Style Callbacks, and Promises

A datastructure which allows you to use any Javascript value as a key. Keys can be Objects, Functions, Numbers, Strings.

GLSL SDF function for generating a sphere.

Generates vertex and index data for rendering meshes

pre-calculate proj4 coordinate transformations as a texture

Pass in a timezone offset in minutes and this function will return Date objects based on that Timezone