diff --git a/examples/wip/book/part2.html b/examples/wip/book/part2.html
index 261ec3f3..d1ea4f60 100644
--- a/examples/wip/book/part2.html
+++ b/examples/wip/book/part2.html
@@ -9,9 +9,11 @@
margin: 0;
}
-
+ //
+
+
@@ -22,6 +24,7 @@
var game = new Phaser.Game(1024, 672, Phaser.AUTO, 'gameContainer', { preload: preload, create: create, update: update });
var filter;
+ var filter2;
var sky;
var land;
@@ -78,12 +81,27 @@
sky = game.add.sprite(0, 0, 'background');
- var t = game.add.sprite(0, 0);
- t.width = 1024;
- t.height = 672;
- filter = game.add.filter('BinarySerpents', 1024, 672);
- // filter.alpha = 0.0;
- t.filters = [filter];
+ if (game.renderType === Phaser.WEBGL)
+ {
+ sky.visible = false;
+
+ var t = game.add.sprite(0, 0);
+ t.width = 1024;
+ t.height = 672;
+
+ filter2 = game.add.filter('BinarySerpents', 1024, 672);
+ filter2.alpha = 0.0;
+ t.filters = [filter2];
+
+ var t2 = game.add.sprite(0, 0);
+ t2.width = 1024;
+ t2.height = 672;
+
+ filter = game.add.filter('Fire', 1024, 672);
+ filter.shift = 2.0;
+ filter.alpha = 0.0;
+ t2.filters = [filter];
+ }
land = game.add.tileSprite(0, 544, 1024, 128, 'land');
@@ -178,7 +196,11 @@
function update () {
- filter.update();
+ if (game.renderType === Phaser.WEBGL)
+ {
+ filter.update();
+ filter2.update();
+ }
land.tilePosition.x -= scrollSpeed;
diff --git a/examples/wip/fire_demo.js b/examples/wip/fire_demo.js
new file mode 100644
index 00000000..30afb25a
--- /dev/null
+++ b/examples/wip/fire_demo.js
@@ -0,0 +1,34 @@
+
+var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
+
+var background;
+var filter;
+
+function preload() {
+
+ game.load.image('phaser', 'assets/sprites/phaser2.png');
+
+}
+
+function create() {
+
+
+ var logo = game.add.sprite(game.world.centerX, game.world.centerY, 'phaser');
+ logo.anchor.setTo(0.5, 0.5);
+
+ background = game.add.sprite(0, 0);
+ background.width = 800;
+ background.height = 600;
+
+ filter = game.add.filter('Fire', 800, 600);
+ filter.alpha = 0.0;
+
+ background.filters = [filter];
+
+}
+
+function update() {
+
+ filter.update();
+
+}
diff --git a/examples/wip/index.php b/examples/wip/index.php
index feba58fc..574cb377 100644
--- a/examples/wip/index.php
+++ b/examples/wip/index.php
@@ -89,6 +89,7 @@
+
diff --git a/filters/Fire.js b/filters/Fire.js
new file mode 100644
index 00000000..06679ed6
--- /dev/null
+++ b/filters/Fire.js
@@ -0,0 +1,112 @@
+/**
+* Original shader by @301z (http://glsl.heroku.com/e#11707.0)
+* Tweaked, uniforms added and converted to Phaser/PIXI by Richard Davey
+*/
+Phaser.Filter.Fire = function (game) {
+
+ Phaser.Filter.call(this, game);
+
+ this.uniforms.alpha = { type: '1f', value: 1.0 }
+ this.uniforms.shift = { type: '1f', value: 1.6 }
+ this.uniforms.speed = { type: '2f', value: { x: 0.7, y: 0.4 } };
+
+ this.fragmentSrc = [
+
+ "precision mediump float;",
+ "uniform vec3 resolution;",
+ "uniform float time;",
+ "uniform float alpha;",
+ "uniform vec2 speed;",
+ "uniform float shift;",
+
+ "float rand(vec2 n) {",
+ "return fract(cos(dot(n, vec2(12.9898, 4.1414))) * 43758.5453);",
+ "}",
+
+ "float noise(vec2 n) {",
+ "const vec2 d = vec2(0.0, 1.0);",
+ "vec2 b = floor(n), f = smoothstep(vec2(0.0), vec2(1.0), fract(n));",
+ "return mix(mix(rand(b), rand(b + d.yx), f.x), mix(rand(b + d.xy), rand(b + d.yy), f.x), f.y);",
+ "}",
+
+ "float fbm(vec2 n) {",
+ "float total = 0.0, amplitude = 1.0;",
+ "for (int i = 0; i < 4; i++) {",
+ "total += noise(n) * amplitude;",
+ "n += n;",
+ "amplitude *= 0.5;",
+ "}",
+ "return total;",
+ "}",
+
+ "void main() {",
+
+ "const vec3 c1 = vec3(0.5, 0.0, 0.1);",
+ "const vec3 c2 = vec3(0.9, 0.0, 0.0);",
+ "const vec3 c3 = vec3(0.2, 0.0, 0.0);",
+ "const vec3 c4 = vec3(1.0, 0.9, 0.0);",
+ "const vec3 c5 = vec3(0.1);",
+ "const vec3 c6 = vec3(0.9);",
+
+ "vec2 p = gl_FragCoord.xy * 8.0 / resolution.xx;",
+ "float q = fbm(p - time * 0.1);",
+ "vec2 r = vec2(fbm(p + q + time * speed.x - p.x - p.y), fbm(p + q - time * speed.y));",
+ "vec3 c = mix(c1, c2, fbm(p + r)) + mix(c3, c4, r.x) - mix(c5, c6, r.y);",
+ "gl_FragColor = vec4(c * cos(shift * gl_FragCoord.y / resolution.y), alpha);",
+ "}"
+ ];
+
+};
+
+Phaser.Filter.Fire.prototype = Object.create(Phaser.Filter.prototype);
+Phaser.Filter.Fire.prototype.constructor = Phaser.Filter.Fire;
+
+Phaser.Filter.Fire.prototype.init = function (width, height, alpha, shift) {
+
+ this.setResolution(width, height);
+
+ if (typeof alpha !== 'undefined') {
+ this.uniforms.alpha.value = alpha;
+ }
+
+ if (typeof shift !== 'undefined') {
+ this.uniforms.shift.value = shift;
+ }
+
+}
+
+Object.defineProperty(Phaser.Filter.Fire.prototype, 'alpha', {
+
+ get: function() {
+ return this.uniforms.alpha.value;
+ },
+
+ set: function(value) {
+ this.uniforms.alpha.value = value;
+ }
+
+});
+
+Object.defineProperty(Phaser.Filter.Fire.prototype, 'shift', {
+
+ get: function() {
+ return this.uniforms.shift.value;
+ },
+
+ set: function(value) {
+ this.uniforms.shift.value = value;
+ }
+
+});
+
+Object.defineProperty(Phaser.Filter.Fire.prototype, 'speed', {
+
+ get: function() {
+ return this.uniforms.speed.value;
+ },
+
+ set: function(value) {
+ this.uniforms.speed.value = value;
+ }
+
+});