spite.github.io

Wagner

Composer for three.js

• GitHub page: https://github.com/spite/Wagner
• Example page: https://github.com/spite/Wagner

rStats

A new JavaScript Performance Monitor.

• GitHub page: https://github.com/spite/rstats
• Introduction and Demo: Introduction to rStats

Augmented compileShader

Augmented WebGLRenderingContext.prototype.compileShader. Small library to augment compileShader and provide an output of the errors directly in the DOM, instead of dumping all data in the console.

• GitHub page: https://github.com/spite/AugmentedCompileShader.js
• Blog Post: Using hooks to make development of shaders a bit easier

THREE.AugmentedConsole.js

THREE.AugmenteConsole.js is a small tool to make development with three.js easier. It uses chrome's console.table to format the output when using console.log to inspect objects. If the object is a known format it uses a table to display its contents.

• GitHub page: https://github.com/spite/THREE.AugmentedConsole.js
• Demo: THREE.AugmentedConsole.js

Generative and reactive geometry with JavaScript and WebGL
MIRA Lab 2013 Workshop

Support material for the MIRA Lab Workshop.

• GitHub page: https://github.com/spite/mira-lab-2013
• Demo: Part 9: generative geometry, audio reactive, GLSL shading

ConcatSoundLoader

Concatenated Sound Files Loader | Typed Arrays and Web Audio API

• GitHub page: https://github.com/spite/ConcatSoundLoader
• Blog post and Demo: Loading sound files faster using Array Buffers and Web Audio API

Getting started with 3D graphics in the browser with WebGL and three.js
Barcelona.JS March 2013

Add 3D content to your web pages or create fully immersive experiences with ease. Learn how to set up a scene, generate or load models and render them interactively.

This is the code used for the talk for the March 2013 Barcelona.JS meet up.

• GitHub page: https://github.com/spite/getting-started-threejs
• Demo: Showcase of three.js rendering features

SolariDisplay - A Split-Flap Display with CSS and JavaScript

Library to create a Split-Flap Display, or Solari Board.

• GitHub page: https://github.com/spite/SolariDisplay
• Blog post and Demo: Split-flap display with CSS and JavaScript

CCapture.js - A library to capture canvas-based animations

CCapture.js is a library to help capturing animations created with HTML5 canvas at a fixed framerate.

• GitHub page: https://github.com/spite/ccapture.js
• Demo: CCapture.js with Game of Life 3D

GSVPano.js - Google Street View Panorama lib

Library to help requesting and stitching Google Street View panoramas.

Sadly, I've been requested by the Maps team to remove the library, since it was enabling people to break Google's Terms of Service. Which is true, but also an intrinsic problem with the only purpose of the library. Let's hope in a very near future the Google Maps API will provide a very similar feature.

• GitHub page: https://github.com/spite/GSVPano.js
• Demo: Google Street Viewer
• Demo: Floating Shiny Knot

Jaume Sanchez | http://www.clicktorelease.com | @thespite | GitHub | CodePen