Discover dmnsgn/path-tangents Open Source project

An ES20XX starter with common frontend tasks using Webpack 5 as module bundler and npm scripts as task runner.

306

frontend-boilerplate

dgel

glsl-tone-map

A collection of tone mapping functions available both as ES modules strings and as GLSL files for use with glslify.

GLSL

174

glsl-rotate

GLSL rotation functions with matrices: 2D and 3D (with X/Y/Z convenience functions) available both as ES modules strings and as GLSL files for use with glslify.

Geometries for 3D rendering, including normals, UVs and cell indices (faces). Perfect if you want to supercharge your dependency folder... with 30KB of geometries.

125

primitive-geometry

SMAA (Enhanced Subpixel Morphological Antialiasing) post-processing; WebGL (OpenGL ES 2.0) implementation with no fluff.

glsl-smaa

Daniel Holden's functions designed to avoid conditionals in GLSL, available both as ES modules strings and as GLSL files for use with glslify.

glsl-conditionals

GLSL

raf-perf

RAF loop with an adaptive fps and performance ratio calculated from either a sample count or a sample duration. Typically used when doing intensive graphics computation in canvas.

Assets preloader using async/await and fetch for usage both in the browser and Node.js.

async-preloader

Sublime Text plugin for Stylefmt

sublime-stylefmt

Python

vector-field

A data structure and lookup for 3D vector fields (flow fields).

Compute Frenet-Serret frames for a path of 3D points and tangents.

frenet-serret-frames

A TypeDoc theme based on Material 3.

typedoc-material-theme

Get a codec parameter string (like 'avc1.4d002a') from human readable options (like { name: 'Main', level: '4.2' }) and back to a descriptive name ('AVC Main Profile Level 4.2').

media-codecs

Easing variables for sass

sass-easing

Cameras for 3D rendering.

cameras

TypeScript

canvas-screenshot

A one trick pony package to download an image from a canvas.

A 3D boid system with accompanying emergent behaviors. Implementation mostly based on Craig Reynolds paper Steering Behaviors For Autonomous Characters.

bird-oid

Create a RenderingContext (2d, webgl, webgl2, bitmaprenderer, gpupresent), optionally offscreen for possible use in a Worker.

canvas-context

A one trick pony package to tint an image with a canvas 2D context.

canvas-tint-image

Common GLSL math constants (with 11 decimals) available both as ES modules strings and as GLSL files for use with glslify.

glsl-constants

GLSL

snowdev

Zero configuration, unbundled, opinionated development and prototyping server for simple ES modules development: types generation, format and linting, dev server and TypeScript support.

Easy console coloring and prefixing via Proxy object with ANSI strings.

console-ansi

A WebGL prototype starter using webpack, redux, babel, glslify, controlkit, ccapture

prtt

Two point perspective grid on canvas

perspective-grid

Jest environment to use the latest jsdom API and features

jest-environment-jsdom-latest

Concatenate n typed arrays

typed-array-concat

An introductory workshop featuring React, Redux, react-router, i18next, gsap and createjs.

react-redux-workshop

Draw images into a canvas square grid for fast retrieval at a thumbnail size.

canvas-thumbnail-cache

Easing variables for less

less-easing

sass-font-face

Font-face mixin for sass

es-modules-in-the-browser-almost-now

Parallax. Parallax. Parallax. Pa. Ra. LLax.

parallaxjs

Logarithmic/exponential interpolation.

eerp

Re-export CommonJS named exports using Node.js cjs-module-lexer.

rollup-plugin-commonjs-named-exports

Experiment about The Getaway album by the Red Hot Chili Peppers

hot-red

An ellipsoid geometry for 3D rendering, including normals, UVs and cell indices (faces).

primitive-ellipsoid

Easing variables for stylus

alfred-xampp-workflow

XAMPP commands

styl-easing

css-easing

Easing variables for css

Airports data: static, dynamic and custom dump.

airports-data

Gulp plugin that converts JSON files into stylus variables.

gulp-json-stylus

An event utils system written in ES6.

event-utils

Adapt font size to a specified width.

adaptable-text

Get a typed array constructor based on the hypothetical max value it could contain. Signed or unsigned.

typed-array-constructor

Grammars for Wavefront .obj and .mtl files.

vscode-wavefront

require-backbone-marionette-handlebars

Complete Alex Sexton's Require.js Handlebars Plugin to work with Marionette. Provide a simple render logic.

sublime-sketchjs

Completions and snippets for Sketch.js.

One experiment a day keeps the doctor away.

codevember-2017

Auto reload a page at a specified interval.

auto-reload-page

experiment-dispersed

Compute the bayer matrix based for powers of two. Useful for ordered dithering algorithms.

bayer

Replace imported module with 'export default {}' using module IDs. Useful when using 'external' is not enough.

rollup-plugin-no-op

EXR file parser. Ported from Three.js implementation without depending on it.

parse-exr

Interleave n typed arrays.

typed-array-interleave

Font-face mixin for stylus

styl-font-face

less-font-face

Font-face mixin for less

Convert compiled files buffer loaded by webpack using any package and choosing their output location.

convert-assets-webpack-plugin

Draw and cache a repeated pattern on a canvas context.

canvas-pattern

isEqual in Jaffa. Return 'indeed' if equal.

gel

tealc

Get color values inside a Maxwell triangle from positions and vice versa.

maxwell-triangle

Mapping of the most common MIME types on the Web by extension. Currently 75 extensions.

web-mime-types