Skip to content
Port of ofxPostGlitch to pixi.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea removed .idea from .gitignore except workspace.xml Oct 2, 2014
examples demoMode defaults to true Apr 25, 2015
src fixed filters for pixi v3, with es6 support Jun 24, 2016
.gitattributes
.gitignore added .idea to .gitignore Oct 19, 2014
.jshintrc initial commit Oct 2, 2014
LICENSE Initial commit Oct 1, 2014
README.md Update README.md Sep 23, 2016

README.md

PixiGlitch

A port of Maxilla's ofxPostGlitch for openFrameworks to Good Boy Digital's rather awesome pixi.js.

Get a feel for what you can do by watching Maxilla's demo: http://vimeo.com/58698980

Or twiddle the dials on this example. TODO: Update this demo to work with v3+ filters

#What you get A bunch of pixi.js filters roughly sliced into two categories.

Glitch filters

  • Convergence
  • Glow
  • Shaker
  • CutSlider
  • Twist
  • Outline
  • Noise
  • SlitScan
  • Swell
  • Invert

Colour remap filters

  • HighContrast
  • BlueRaise
  • RedRaise
  • GreenRaise
  • BlueInvert
  • RedInvert
  • GreenInvert

#Notes

  • In general I've tried to remain true to the naming conventions in the original Maxilla shaders. They're a little bit nondescript - but hey, it's glitch right? Play with them and see what happens.
  • Filters in pixi are basically fragment shaders with some varyings/uniforms exposed via some pixi.js code. TL;DR they only work with WebGL contexts.

#Todo/Things I won't get around to

  • Build scripts.
  • Some basic docs describing each filter and its properties.
  • Rename properties to be a little more helpful.
  • More basic examples.
You can’t perform that action at this time.