hughsk/game-modules

Stars
170
Rank 223,357 (Top 5 %)
Language
Created over 11 years ago
Updated over 11 years ago

hughsk/game-modules

hughsk

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

📗 A list of game-related modules and examples for writing HTML5 games with browserify

game-modules

A list of game-related modules and examples for writing HTML5 games with browserify.

Browserify is a general-purpose build tool for client-side development which essentially lets you use node.js/npm modules in the browser, but it also fits pretty nicely into HTML5 game development. The best example project would be voxel.js, which is using browserify and npm extensively to bring Minecraft-like voxel games to the browser.

The one issue is getting started. That means project setup, getting familiar with browserify and the Node ecosystem, and most importantly: discovering modules (npm has >35,000 packages right now).

In the wiki you can find a list of modules you can use in your own games, and a list of projects built using browserify.

Even if you're using your own toolchain, some of these modules should serve well as nice and compact reference implementations for your own projects.

If you're interested in browserify or node.js development in general, you should check out Max Ogden's Art of Node.

flat

🚂 Flatten/unflatten nested Javascript objects

disc

📈 Visualise the module tree of browserify project bundles and track down bloat.

envify

🔧 Selectively replace Node-style environment variables with plain strings.

colony

📈 In-browser network graphs representing the links between your Node.js code and its dependencies.

uglifyify

A browserify transform which minifies your code using UglifyJS2

vinyl-source-stream

🌀 Use conventional text streams at the start of your gulp or vinyl pipelines

glsl-noise

webgl-noise shaders ported to work with glslify

smokestack

Pipe your JavaScript into a browser, logging console output in Node

boids

A fast JavaScript implementation of the boids algorithm

web-audio-analyser

A thin wrapper around the Web Audio API that takes an <audio> element and gives you its waveform/frequency data in return.

svg-path-parser

A parser for SVG's path syntax

glsl-dither

Bayer matrix dithering in GLSL

from2

Convenience wrapper for ReadableStream, with an API lifted from "from" and "through2"

particle-excess-demo

Simulating and rendering 262,144 particles with GLSL.

matcap

GLSL shaders for calculating/rendering Spherical Environment Maps, or "matcaps"

atom-npm-install

Automatically install and save any missing npm modules being used in the current file

s3-sync

A streaming interface for uploading multiple files to S3.

vinyl-buffer

Convert streaming vinyl files to use buffers

installify

A browserify transform that automatically installs your missing dependencies for you

gif-video

Convert a GIF image into an HTML5-ready video for considerably better file sizes

scene-tree

Modular scene graph for composing and manipulating objects in a 3D scene.

fragment-foundry

🎓 An introduction to fragment shaders and signed distance functions

poly-terrain-demo

Proof-of-concept "low-poly" webgl terrain demo

scat

Pipe your javascripts straight into your browser

right-now

Get the quickest, most high-resolution timestamp possible in node or the browser

gl-gif

Quickly and easily generate looping GIFs using WebGL

vinyl-transform

Use standard text transform streams to write fewer gulp plugins

canvas-fit

Small module for fitting a canvas element within the bounds of its parent.

bezier

n-degree Bezier spline interpolation.

npm-stats

Convenience module for getting data from an NPM registry

browser-menu

A browser-friendly implementation of substack's terminal-menu

three-effectcomposer

@alteredq's EffectComposer plugin for three.js ported for use with Browserify

bistre

A command-line tool and module for printing colourful bole logs.

tap-to-start

ludum-dare-27

glslify-live

A browserify transform that transparently enables live reloading of your shaders when using glslify.

display-tree

A JavaScript tree implementation designed to be efficiently "flattened" and sorted.

npm-me

Get a list of download counts over the last month for a particular user's packages

map-limit

async.mapLimit's functionality available as a standalone npm module

clamp

Clamp a value between two other values.

adobe-swatch-exchange

Encode/decode color palettes in Adobe's .ase format

beats

A naive but generic beat-detection module

icosphere

Generates icosphere meshes of varying levels of complexity

npm-offline

An npm registry proxy that uses your npm cache to retrieve modules, allowing for offline access to any modules you've previously installed pretty much ever.

vinyl-map

Map vinyl files' contents as strings

ndarray-pixel-sort

A JS implementation of Kim Asendorf's pixel sort glitch technique using ndarrays

komponist

A simple, yet flexible, Node client library for MPD, the hackable headless audio playback server.

png-chunks-extract

🔍 Extract the data chunks from a PNG file.

png-chunk-text

📜 Create or parse a PNG tEXt chunk for storing uncompressed text data in PNG images.

glsl-fog

Basic fog functions for GLSL

d3-grid-layout

A grid layout for d3.js

soundcloud-badge

A SoundCloud 'now-playing' badge you can just drop into browserify demos

topdown-physics

Basic, grid-based, 2D top-down player physics for continuous ndarrays

glsl-luma

Get the luma (brightness) of an RGB color in GLSL. Useful for converting images to greyscale

language-glsl

Atom language support for GLSL

ansi-html-stream

Stream for converting terminal UTF-8 ANSI color codes into HTML

lsb

Steganography cheap trick - hide string data in the least-significant bits of an array.

post-process

A generic GLSL post-processing module for applying super-speedy GPU effects to img/video/canvas elements.

gulp-duration

Track the duration of parts of your gulp tasks

rm-modules

Recursively remove *all* node_modules directories within the chosen root directory

shallow-equals

Determine if an array or object is equivalent with another, *not* recursively

glsl-hsv2rgb

Fast GLSL conversion from HSV color to RGB

font-atlas

Populate a <canvas> element with a font texture atlas

lut

Render RGB lookup tables to a canvas element

flood-fill

A simple 2D JavaScript flood fill.

hypotrochoid

Plot hypotrochoids for spirographs with JavaScript

svg-line-curved

Generate the path attribute for a curved SVG line.

fresh-require

Bypass the require cache when requiring a module – works with both node and browserify

btoa-lite

Smallest/simplest possible means of using btoa with both Node and browserify

scroll-speed

Get the scroll speed being used on either the window or a particular element.

is-typedarray

Detect whether or not an object is a Typed Array

ndarray-continuous

Create continuous "chunked" grids/volumes with ndarrays.

ticker

Game/animation loop helper

vectors

A grab bag of vector utility functions for 2D and 3D vectors that operate on plain arrays

s3-write-stream

Pipe data straight to an S3 key of your choice

plucker

Pluck nested properties from an object

from-3d-to-2d

Take a transformation matrix like you're used to constructing with WebGL, and project arbitrary 3D points onto your 2D screen.

object-pool

Recycle objects with minimal boilerplate with an object pool

png-chunks-encode

💾 Return a fresh PNG buffer given a set of PNG chunks

moire-1

chrome-launch

Light cross-platform launcher for Google Chrome

canvas-orbit-camera

An alternative wrapper for orbit-camera that works independently of game-shell.

canvas-autoscale

A variant of canvas-fit that handles some extra magic for you: adjusting the scale of the canvas to maintain smooth framerates

soundcloud-resolve

Takes a SoundCloud URL and retrieves the relevant JSON data for that resource from the SoundCloud API

svg-line

Generate SVG paths for a line, d3-style

chrome-location

Approximates the current location of Google Chrome on your system

ecosystem-docs

Aggregate and store a collection of data for GitHub repositories, intended for use with documenting package ecosystems on npm

circular-list

Circular linked lists

district

A small tool to help you write local, namespaced packages for larger projects

module-generator

The generator script I use for fresh modules

voxel-glslgen

Push voxel.js terrain generation to the GPU using a GLSL shader

stopmotion

Combine multiple image buffer frames into a video file

tap-closer

Simple JS "transform" tool that will call window.close or process.exit when TAP output is complete

contributor-table

Automatically inject a list of your git repository's contributors into your readme.

frame-debounce

glsl-point-light

A reusable GLSL point light function

glsl-testify

Test your GLSL shaders using GLSL!

github-commit-stream

Pull a list of commits from a GitHub repository in via a stream.

fql-node

Simpler Facebook FQL queries for Node.

common-prefix

Retrieve the common prefix across multiple strings