mattdesl/spectrum

Stars
104
Rank 330,604 (Top 7 %)
Language
JavaScript
License
MIT License
Created about 8 years ago
Updated almost 2 years ago

mattdesl/spectrum

mattdesl

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

a small tool to visualize the frequencies of an audio file

spectrum

A small web app that shows the frequencies in real-time of a MP3/OGG file. Modelled after Ableton Live's Spectrum effect.

https://spectrum.surge.sh

Usage

To build from source:

git clone https://github.com/mattdesl/spectrum.git
cd spectrum
npm install
npm run start

License

MIT, see LICENSE.md for details.

canvas-sketch

[beta] A framework for making generative artwork in JavaScript and the browser.

budo

🎬 a dev server for rapid prototyping

lwjgl-basics

🔧 LibGDX/LWJGL tutorials and examples

graphics-resources

📝 a list of graphic programming resources

color-wander

🎨 Generative artwork in node/browser based on a seeded random

promise-cookbook

📙 a brief introduction to using Promises in JavaScript

module-best-practices

📚 some best practices for JS modules

workshop-generative-art

A workshop on creative coding & generative art

svg-mesh-3d

🚀 converts a SVG path to a 3D mesh

workshop-webgl-glsl

A workshop on WebGL and GLSL

webgl-wireframes

Stylized Wireframe Rendering in WebGL

workshop-p5-intro

Intro to Creative Coding workshop with p5.js and Tone.js

canvas-sketch-util

Utilities for sketching in Canvas, WebGL and generative art

threejs-app

Some opinionated structure for a complex/scalable ThreeJS app

bellwoods

webgl-lines

some interactive content for a blog post

eases

a grab-bag of modular easing equations

audiograph.xyz

A visual exploration of Pilotpriest's 2016 album, TRANS.

jsconfeu-generative-visuals

Code for the generative projection mapped animations during JSConf EU 2018 in Berlin.

load-asset

Loads a single or multiple assets and returns a promise.

glsl-fxaa

FXAA implementation for glslify in WebGL

dictionary-of-colour-combinations

palettes from A Dictionary of Colour Combinations

shader-reload

An interface for reloading GLSL shaders on the fly.

penplot

[DEPRECATED] see canvas-sketch

mp4-wasm

[proof-of-concept] fast MP4 mux / demux using WASM

gifenc

fast GIF encoding

codevember

impressionist

🎨 generative painting using perlin noise for motion

three-line-2d

lines expanded in a vertex shader

three-orbit-controls

orbit controls for ThreeJS

physical-text

🌂 simulating text in the physical world

mp4-h264

[project suspended] MP4 + H264 encoding for the browser with WASM

prot

highly opinionated dev environment [Proof of concept]

template-electron-installation

a template for media art installations using Electron in kiosk mode

workshop-web-audio

Web Audio workshop with Frontend Masters

yyz

parametric-curves

fontpath

Font to vector path tools

ghrepo

:octocat: create a new GitHub repo from your current folder

google-panorama-equirectangular

gets equirectangular images from Google StreetView

image-sdf

generate a signed distance field from an image

glsl-film-grain

natural looking film grain using noise functions

subscapes

generative artwork hosted on Ethereum

pack-spheres

Brute force circle/sphere packing in 2D or 3D

polartone

experimental audio visualizer

dom-css

fast dom CSS styling

tiny-artblocks

Toolkit for small ArtBlocks projects

adaptive-bezier-curve

adaptive and scalable 2D bezier curves

atcq

An implementation of Ant-Tree Color Quantization

workshop-data-artwork

material & notes for a workshop on data artwork & creative coding

kami-demos

🚧 Some demos for the Kami WebGL renderer

rust

kami

🚧 Rendering ecosystem using Node style packaging

looom-tools

esmify

parse and handle import/export for browserify

polyline-normals

gets miter normals for a 2D polyline

three-vignette-background

a simple ThreeJS vignette background

simple-input-events

Unified mouse & touch events for desktop and mobile

tweenr

minimal tweening engine

text-modules

✏️ a list of text/font modules

three-shader-fxaa

optimized FXAA shader for ThreeJS

lerp

bare-bones linear interpolation function

canvas-sketch-cli

A CLI used alongside canvas-sketch

svg-path-contours

gets a discrete list of points from svg

pen-plotter-blog-post

simplify-path

simplify 2D polyline of arrays

garnish

🍸 prettifies ndjson from wzrd and similar tools

get-rgba-palette

gets a palette of prominent colors from an array of pixels

keytime

[EXPERIMENT] keyframe animation tools

three-glslify-example

a simple example of ThreeJS with glslify

canvas-text

[experiment] better Canvas2D text rendering

raylight

Experimental WebGL Music Visualizer

verlet-system

2D and 3D verlet integration

word-wrapper

wraps words based on arbitrary 2D glyphs

mp4-wasm-encoder

gl-sprite-text

bitmap font rendering for stackgl

tendril-webtoy-blog-post

A blog post for an interactive Tendril web toy

paper-colors

A small set of pastel and off-white paper colors

threejs-tree-shake

Tree-shakes and optimizes ThreeJS apps

gh-readme-scrape

a CLI to bulk download URLs (images/pdfs/etc) from GitHub readmes

fika

A figma plugin generator

shadertoy-export

render ShaderToy demos to PNG

glsl-random

pseudo-random 2D noise for glslify

electron-canvas-to-buffer

in Electron, turns a Canvas into a Buffer

gl-vignette-background

a soft gradient background in WebGL

webpack-three-hmr-test

test of ThreeJS + Webpack + HMR

workshop-generative-color

a workshop on color science for generative art and creative coding

filmic-gl

filmic GLSL shaders in ThreeJS

riso-colors

A list of Risograph printer colors

gsx-pdf-optimize

Optimize PDFs with Ghostscript command

raf-loop

a minimal requestAnimationFrame render loop

gdx-swiper

An example of a "Fruit Ninja" style swipe in LibGDX

gsap-promise

promise wrapper for gsap (TweenLite)

browserify-example

a bare-bones, no-bullshit example of using browserify to dev + build a static demo

extract-svg-path

extracts a string of subpaths from an svg file

figma-plugin-palette

"Image Palette" Plugin in Figma

adaptive-quadratic-curve

adaptive and scalable 2D quadratic curves

three-geometry-data

Get vertex and face data from THREE.Geometry

budo-chrome

an extension of budo dev server that supports live script injection

three-tube-wireframe

Builds a tube-based wireframe geometry in ThreeJS