Fixed filters for new shader code.

Author: photonstorm

build/config.php

@@ -28,7 +28,9 @@
     <script src="$path/src/pixi/extras/Rope.js"></script>
     <script src="$path/src/pixi/extras/TilingSprite.js"></script>
 
+    <script src="$path/src/pixi/filters/AbstractFilter.js"></script>
     <script src="$path/src/pixi/filters/FilterBlock.js"></script>
+
     <script src="$path/src/pixi/primitives/Graphics.js"></script>
 
     <script src="$path/src/pixi/renderers/canvas/CanvasGraphics.js"></script>

examples/_site/examples.json

@@ -178,10 +178,18 @@
     }
   ],
   "filters": [
+    {
+      "file": "checker+wave.js",
+      "title": "checker wave"
+    },
     {
       "file": "fire.js",
       "title": "fire"
     },
+    {
+      "file": "hue+rotate.js",
+      "title": "hue rotate"
+    },
     {
       "file": "lightbeams.js",
       "title": "lightbeams"

examples/_site/js/phaser-examples.js

@@ -95,8 +95,6 @@ $(document).ready(function(){
 
 	.done(function(data) {
 
-		console.log(data);
-
 		if (data.version !== '1.1.3')
 		{
 			$("#upgrade").append(data.version);

examples/_site/js/phaser-viewer.js

@@ -58,8 +58,6 @@ $(document).ready(function(){
 
 	.done(function(data) {
 
-		console.log(data);
-
 		if (data.version !== '1.1.3')
 		{
 			$("#upgrade").append(data.version);

examples/filters/checker wave.js

@@ -0,0 +1,37 @@
+
+var game = new Phaser.Game(800, 600, Phaser.WEBGL, 'phaser-example', { preload: preload, create: create, update: update });
+
+var background;
+var filter;
+
+function preload() {
+
+    game.load.image('s', 'assets/pics/undersea.jpg');
+    game.load.image('phaser', 'assets/sprites/phaser.png');
+    game.load.script('filter', '../filters/CheckerWave.js');
+
+}
+
+function create() {
+
+	game.add.sprite(0, 0, 's');
+
+	background = game.add.sprite(0, 0);
+	background.width = 800;
+	background.height = 600;
+
+	filter = game.add.filter('CheckerWave', 800, 600);
+	filter.alpha = 0.2;
+
+	background.filters = [filter];
+
+	var logo = game.add.sprite(game.world.centerX, 100, 'phaser');
+	logo.anchor.setTo(0.5, 0.5);
+
+}
+
+function update() {
+
+	filter.update();
+
+}

examples/filters/fire.js

@@ -7,7 +7,7 @@ var filter;
 function preload() {
 
     game.load.image('phaser', 'assets/sprites/phaser2.png');
-    game.load.script('fire', '../filters/Fire.js');
+    game.load.script('filter', '../filters/Fire.js');
 
 }
 

examples/filters/hue rotate.js

@@ -0,0 +1,38 @@
+
+var game = new Phaser.Game(800, 600, Phaser.WEBGL, 'phaser-example', { preload: preload, create: create, update: update });
+
+var background;
+var filter;
+
+function preload() {
+
+    game.load.image('phaser', 'assets/sprites/phaser2.png');
+    game.load.script('filter', '../filters/HueRotate.js');
+    // game.load.image('texture', 'assets/textures/ooze.png');
+    game.load.image('texture', 'assets/pics/ra_einstein.png');
+
+}
+
+function create() {
+
+	var logo = game.add.sprite(game.world.centerX, game.world.centerY, 'texture');
+	logo.anchor.setTo(0.5, 0.5);
+	logo.texture.baseTexture._powerOf2 = true;
+
+
+	background = game.add.sprite(0, 0);
+	background.width = logo.width;
+	background.height = logo.height;
+
+	filter = game.add.filter('HueRotate', logo.width, logo.height, logo.texture);
+	// filter.alpha = 0.0;
+
+	background.filters = [filter];
+
+}
+
+function update() {
+
+	filter.update();
+
+}

examples/filters/lightbeams.js

@@ -7,7 +7,7 @@ var filter;
 function preload() {
 
     game.load.image('phaser', 'assets/sprites/phaser2.png');
-    game.load.script('light', '../filters/LightBeam.js');
+    game.load.script('filter', '../filters/LightBeam.js');
 
 }
 

examples/filters/plasma.js

@@ -7,7 +7,7 @@ var filter;
 function preload() {
 
     game.load.image('phaser', 'assets/sprites/phaser2.png');
-    game.load.script('plasma', '../filters/Plasma.js');
+    game.load.script('filter', '../filters/Plasma.js');
 
 }
 

examples/filters/tunnel.js

@@ -8,7 +8,7 @@ function preload() {
 
     game.load.image('phaser', 'assets/sprites/phaser.png');
     game.load.image('texture', 'assets/textures/ooze.png');
-    game.load.script('tunnel', '../filters/Tunnel.js');
+    game.load.script('filter', '../filters/Tunnel.js');
 
 }