2018-02-12 16:01:20 +00:00
|
|
|
/**
|
|
|
|
* @author Richard Davey <rich@photonstorm.com>
|
2018-04-05 08:02:36 +00:00
|
|
|
* @author Felipe Alfonso <@bitnenfer>
|
2018-02-12 16:01:20 +00:00
|
|
|
* @copyright 2018 Photon Storm Ltd.
|
|
|
|
* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
|
|
|
|
*/
|
|
|
|
|
2018-01-26 23:17:11 +00:00
|
|
|
var Class = require('../../../utils/Class');
|
2018-05-08 22:04:57 +00:00
|
|
|
var ShaderSourceFS = require('../shaders/ForwardDiffuse-frag.js');
|
2018-02-09 19:19:21 +00:00
|
|
|
var TextureTintPipeline = require('./TextureTintPipeline');
|
|
|
|
|
2018-01-30 22:46:43 +00:00
|
|
|
var LIGHT_COUNT = 10;
|
2018-01-26 23:17:11 +00:00
|
|
|
|
2018-02-09 19:19:21 +00:00
|
|
|
/**
|
|
|
|
* @classdesc
|
2018-04-24 19:52:57 +00:00
|
|
|
* ForwardDiffuseLightPipeline implements a forward rendering approach for 2D lights.
|
|
|
|
* This pipeline extends TextureTintPipeline so it implements all it's rendering functions
|
|
|
|
* and batching system.
|
2018-02-09 19:19:21 +00:00
|
|
|
*
|
|
|
|
* @class ForwardDiffuseLightPipeline
|
2018-04-18 11:13:49 +00:00
|
|
|
* @extends Phaser.Renderer.WebGL.Pipelines.TextureTintPipeline
|
|
|
|
* @memberOf Phaser.Renderer.WebGL.Pipelines
|
2018-02-09 19:19:21 +00:00
|
|
|
* @constructor
|
|
|
|
* @since 3.0.0
|
|
|
|
*
|
2018-03-05 15:28:59 +00:00
|
|
|
* @param {object} config - [description]
|
2018-02-09 19:19:21 +00:00
|
|
|
*/
|
2018-01-26 23:17:11 +00:00
|
|
|
var ForwardDiffuseLightPipeline = new Class({
|
|
|
|
|
|
|
|
Extends: TextureTintPipeline,
|
|
|
|
|
|
|
|
initialize:
|
|
|
|
|
2018-03-05 14:29:48 +00:00
|
|
|
function ForwardDiffuseLightPipeline (config)
|
2018-01-26 23:17:11 +00:00
|
|
|
{
|
2018-03-05 14:29:48 +00:00
|
|
|
config.fragShader = ShaderSourceFS.replace('%LIGHT_COUNT%', LIGHT_COUNT.toString());
|
|
|
|
|
|
|
|
TextureTintPipeline.call(this, config);
|
2018-01-26 23:17:11 +00:00
|
|
|
},
|
|
|
|
|
2018-02-09 19:19:21 +00:00
|
|
|
/**
|
2018-07-11 15:24:58 +00:00
|
|
|
* This function binds its base class resources and this lights 2D resources.
|
2018-02-09 19:19:21 +00:00
|
|
|
*
|
2018-04-18 11:13:49 +00:00
|
|
|
* @method Phaser.Renderer.WebGL.Pipelines.ForwardDiffuseLightPipeline#onBind
|
2018-04-19 12:28:10 +00:00
|
|
|
* @override
|
2018-02-09 19:19:21 +00:00
|
|
|
* @since 3.0.0
|
2018-07-11 15:24:58 +00:00
|
|
|
*
|
|
|
|
* @param {Phaser.GameObjects.GameObject} [gameObject] - The Game Object that invoked this pipeline, if any.
|
2018-02-09 19:19:21 +00:00
|
|
|
*
|
2018-04-18 11:13:49 +00:00
|
|
|
* @return {Phaser.Renderer.WebGL.Pipelines.ForwardDiffuseLightPipeline} [description]
|
2018-02-09 19:19:21 +00:00
|
|
|
*/
|
2018-07-11 15:24:58 +00:00
|
|
|
onBind: function (gameObject)
|
2018-01-26 23:17:11 +00:00
|
|
|
{
|
|
|
|
TextureTintPipeline.prototype.onBind.call(this);
|
|
|
|
|
|
|
|
var renderer = this.renderer;
|
2018-01-30 03:38:31 +00:00
|
|
|
var program = this.program;
|
2018-01-26 23:17:11 +00:00
|
|
|
|
|
|
|
this.mvpUpdate();
|
|
|
|
|
2018-01-30 03:38:31 +00:00
|
|
|
renderer.setInt1(program, 'uNormSampler', 1);
|
2018-01-26 23:17:11 +00:00
|
|
|
renderer.setFloat2(program, 'uResolution', this.width, this.height);
|
|
|
|
|
2018-07-11 15:24:58 +00:00
|
|
|
if (gameObject)
|
|
|
|
{
|
|
|
|
this.setNormalMap(gameObject);
|
|
|
|
}
|
|
|
|
|
2018-01-26 23:17:11 +00:00
|
|
|
return this;
|
|
|
|
},
|
|
|
|
|
2018-02-09 19:19:21 +00:00
|
|
|
/**
|
2018-04-24 19:52:57 +00:00
|
|
|
* This function sets all the needed resources for each camera pass.
|
2018-02-09 19:19:21 +00:00
|
|
|
*
|
2018-04-18 11:13:49 +00:00
|
|
|
* @method Phaser.Renderer.WebGL.Pipelines.ForwardDiffuseLightPipeline#onRender
|
2018-02-09 19:19:21 +00:00
|
|
|
* @since 3.0.0
|
|
|
|
*
|
|
|
|
* @param {Phaser.Scene} scene - [description]
|
|
|
|
* @param {Phaser.Cameras.Scene2D.Camera} camera - [description]
|
|
|
|
*
|
2018-04-18 11:13:49 +00:00
|
|
|
* @return {Phaser.Renderer.WebGL.Pipelines.ForwardDiffuseLightPipeline} [description]
|
2018-02-09 19:19:21 +00:00
|
|
|
*/
|
2018-01-29 21:46:48 +00:00
|
|
|
onRender: function (scene, camera)
|
|
|
|
{
|
2018-05-31 15:57:21 +00:00
|
|
|
this.active = false;
|
|
|
|
|
2018-03-12 12:55:09 +00:00
|
|
|
var lightManager = scene.sys.lights;
|
2018-01-31 01:11:51 +00:00
|
|
|
|
2018-05-31 15:57:21 +00:00
|
|
|
if (!lightManager || lightManager.lights.length <= 0 || !lightManager.active)
|
2018-03-12 02:22:42 +00:00
|
|
|
{
|
2018-05-31 15:57:21 +00:00
|
|
|
// Passthru
|
2018-03-12 02:22:42 +00:00
|
|
|
return this;
|
|
|
|
}
|
|
|
|
|
2018-05-31 15:57:21 +00:00
|
|
|
var lights = lightManager.cull(camera);
|
|
|
|
var lightCount = Math.min(lights.length, LIGHT_COUNT);
|
2018-01-31 01:11:51 +00:00
|
|
|
|
2018-05-31 15:57:21 +00:00
|
|
|
if (lightCount === 0)
|
2018-01-31 01:11:51 +00:00
|
|
|
{
|
2018-05-31 15:57:21 +00:00
|
|
|
return this;
|
2018-01-31 01:11:51 +00:00
|
|
|
}
|
|
|
|
|
2018-05-31 15:57:21 +00:00
|
|
|
this.active = true;
|
|
|
|
|
2018-01-30 03:38:31 +00:00
|
|
|
var renderer = this.renderer;
|
|
|
|
var program = this.program;
|
2018-01-30 22:46:43 +00:00
|
|
|
var cameraMatrix = camera.matrix;
|
|
|
|
var point = {x: 0, y: 0};
|
|
|
|
var height = renderer.height;
|
2018-02-16 18:44:07 +00:00
|
|
|
var index;
|
2018-01-30 22:46:43 +00:00
|
|
|
|
2018-02-16 18:44:07 +00:00
|
|
|
for (index = 0; index < LIGHT_COUNT; ++index)
|
2018-01-31 01:11:51 +00:00
|
|
|
{
|
2018-05-31 15:57:21 +00:00
|
|
|
// Reset lights
|
|
|
|
renderer.setFloat1(program, 'uLights[' + index + '].radius', 0);
|
2018-01-31 01:11:51 +00:00
|
|
|
}
|
|
|
|
|
2018-01-30 22:46:43 +00:00
|
|
|
renderer.setFloat4(program, 'uCamera', camera.x, camera.y, camera.rotation, camera.zoom);
|
|
|
|
renderer.setFloat3(program, 'uAmbientLightColor', lightManager.ambientColor.r, lightManager.ambientColor.g, lightManager.ambientColor.b);
|
|
|
|
|
2018-02-16 18:44:07 +00:00
|
|
|
for (index = 0; index < lightCount; ++index)
|
2018-01-30 22:46:43 +00:00
|
|
|
{
|
|
|
|
var light = lights[index];
|
|
|
|
var lightName = 'uLights[' + index + '].';
|
2018-05-31 15:57:21 +00:00
|
|
|
|
2018-01-30 22:46:43 +00:00
|
|
|
cameraMatrix.transformPoint(light.x, light.y, point);
|
2018-05-31 15:57:21 +00:00
|
|
|
|
2018-01-30 22:46:43 +00:00
|
|
|
renderer.setFloat2(program, lightName + 'position', point.x - (camera.scrollX * light.scrollFactorX * camera.zoom), height - (point.y - (camera.scrollY * light.scrollFactorY) * camera.zoom));
|
|
|
|
renderer.setFloat3(program, lightName + 'color', light.r, light.g, light.b);
|
|
|
|
renderer.setFloat1(program, lightName + 'intensity', light.intensity);
|
|
|
|
renderer.setFloat1(program, lightName + 'radius', light.radius);
|
|
|
|
}
|
2018-01-31 01:11:51 +00:00
|
|
|
|
2018-01-29 21:46:48 +00:00
|
|
|
return this;
|
|
|
|
},
|
|
|
|
|
2018-02-09 19:19:21 +00:00
|
|
|
/**
|
2018-07-11 15:55:18 +00:00
|
|
|
* Sets the Game Objects normal map as the active texture.
|
2018-02-09 19:19:21 +00:00
|
|
|
*
|
2018-07-11 15:55:18 +00:00
|
|
|
* @method Phaser.Renderer.WebGL.Pipelines.ForwardDiffuseLightPipeline#setNormalMap
|
|
|
|
* @since 3.11.0
|
2018-02-09 19:19:21 +00:00
|
|
|
*
|
2018-07-11 15:55:18 +00:00
|
|
|
* @param {Phaser.GameObjects.GameObject} gameObject - [description]
|
2018-02-09 19:19:21 +00:00
|
|
|
*/
|
2018-07-11 15:24:58 +00:00
|
|
|
setNormalMap: function (gameObject)
|
|
|
|
{
|
|
|
|
if (!this.active || !gameObject || !gameObject.texture)
|
|
|
|
{
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2018-07-11 15:55:18 +00:00
|
|
|
// var normalTexture = tilemapLayer.tileset.image.dataSource[0];
|
2018-07-11 15:24:58 +00:00
|
|
|
var normalTexture = gameObject.texture.dataSource[gameObject.frame.sourceIndex];
|
|
|
|
|
|
|
|
if (normalTexture)
|
|
|
|
{
|
|
|
|
this.setTexture2D(normalTexture.glTexture, 1);
|
|
|
|
}
|
2018-07-11 15:55:18 +00:00
|
|
|
|
|
|
|
this.renderer.setPipeline(gameObject.defaultPipeline);
|
2018-07-11 15:24:58 +00:00
|
|
|
},
|
|
|
|
|
2018-02-09 19:19:21 +00:00
|
|
|
/**
|
|
|
|
* [description]
|
|
|
|
*
|
2018-04-18 11:13:49 +00:00
|
|
|
* @method Phaser.Renderer.WebGL.Pipelines.ForwardDiffuseLightPipeline#batchSprite
|
2018-02-09 19:19:21 +00:00
|
|
|
* @since 3.0.0
|
|
|
|
*
|
|
|
|
* @param {Phaser.GameObjects.Sprite} sprite - [description]
|
|
|
|
* @param {Phaser.Cameras.Scene2D.Camera} camera - [description]
|
2018-04-18 21:40:27 +00:00
|
|
|
* @param {Phaser.GameObjects.Components.TransformMatrix} parentTransformMatrix - [description]
|
2018-02-09 19:19:21 +00:00
|
|
|
*
|
2018-07-11 15:55:18 +00:00
|
|
|
*/
|
2018-04-18 21:40:27 +00:00
|
|
|
batchSprite: function (sprite, camera, parentTransformMatrix)
|
2018-01-30 03:38:31 +00:00
|
|
|
{
|
2018-05-31 15:57:21 +00:00
|
|
|
if (!this.active)
|
|
|
|
{
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2018-05-04 13:31:19 +00:00
|
|
|
var normalTexture = sprite.texture.dataSource[sprite.frame.sourceIndex];
|
2018-01-30 03:38:31 +00:00
|
|
|
|
|
|
|
if (normalTexture)
|
|
|
|
{
|
2018-02-14 02:46:34 +00:00
|
|
|
this.renderer.setPipeline(this);
|
2018-05-31 15:57:21 +00:00
|
|
|
|
2018-02-14 02:46:34 +00:00
|
|
|
this.setTexture2D(normalTexture.glTexture, 1);
|
2018-01-30 03:38:31 +00:00
|
|
|
|
2018-07-11 15:55:18 +00:00
|
|
|
TextureTintPipeline.prototype.batchSprite.call(this, sprite, camera, parentTransformMatrix);
|
2018-01-30 03:38:31 +00:00
|
|
|
}
|
2018-01-26 23:17:11 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
2018-01-31 01:11:51 +00:00
|
|
|
ForwardDiffuseLightPipeline.LIGHT_COUNT = LIGHT_COUNT;
|
|
|
|
|
2018-01-26 23:17:11 +00:00
|
|
|
module.exports = ForwardDiffuseLightPipeline;
|