Shading Demo for objects

Ambient reflection (ka):

1.0

Ambient Color:

Light Position:

Light Color

Eye Position

Diffuse reflection (kd):

1.0

Diffuse Color:

Ambient Color:

Radius:

1.5

Specular reflection (ks):

1.0

Specular Color:

Diffuse Color:

Theta:

Shininess:

Background Color:

Specular Color:

Phi:

Vertex shader:

#version 300 es
in vec4 vPosition;
in vec4 vNormal;

uniform mat4 modelViewMatrix;
uniform mat4 projectionMatrix;
uniform mat3 normalMatrix;

uniform vec4 lightPosition;

uniform float shininess;

// material
uniform vec4 ambientProduct;
uniform vec4 diffuseProduct;
uniform vec4 specularProduct;

out vec3 normalInterp;
out vec4 aColor;

void main(){
vec4 pos = modelViewMatrix * vPosition;
normalInterp = normalize(normalMatrix * vNormal.xyz);

gl_Position = projectionMatrix * pos;

vec4 ambient = ambientProduct;

vec3 N = normalize( normalInterp );
vec3 L;

if( lightPosition.w == 0.0 )
{
L = normalize( lightPosition.xyz );
}
else
{
L = normalize( lightPosition.xyz - pos.xyz );
}

float Kd = max( dot( L, N ), 0.0 );
vec4 diffuse = Kd * diffuseProduct;

float Ks = 0.0;
if( Kd > 0.0 )
{
vec3 R = reflect( -L, N );
vec3 E = -normalize( pos.xyz );
float specAngle = max( dot( R, E ), 0.0 );
Ks = pow( specAngle, shininess );
}
vec4 specular = Ks * specularProduct;

aColor = ambient + diffuse + specular;
aColor.a = 1.0;
}

Fragment shader:

#version 300 es
precision mediump float;

in vec4 aColor;
out vec4 fColor;

void main()
{
	fColor = aColor;
}

#version 300 es
in vec4 vPosition;
in vec4 vNormal;

out vec4 aColor;

uniform vec4 ambientProduct, diffuseProduct, specularProduct;
uniform mat4 modelViewMatrix;
uniform mat4 projectionMatrix;
uniform vec4 lightPosition;
uniform float shininess;
uniform float materialKa, materialKd, materialKs;
uniform mat3 normalMatrix;

void main()
{
	// pos is vertex position in eye coordinates
	vec3 pos = (modelViewMatrix * vPosition).xyz;

// vector from vertex position to light source
	vec3 L;

// check for directional light
	if(lightPosition.w == 0.0)
	{ 
		L = normalize(lightPosition.xyz);
	}
	else
	{ 
		L = normalize( lightPosition.xyz - pos );
	}

// Because the eye point the is at the orgin
	// the vector from the vertex position to the eye is
	vec3 E = -normalize( pos );

// halfway vector
	vec3 H = normalize( L + E );

// Transform vertex normal into eye coordinates
	vec3 N = normalize( normalMatrix*vNormal.xyz);

// Compute terms in the illumination equation
	vec4 ambient = materialKa * ambientProduct;

float Kd = max( dot(L, N), 0.0 );
	vec4  diffuse = materialKd * Kd*diffuseProduct;

float Ks = pow( max(dot(N, H), 0.0), shininess );
	vec4  specular = materialKs * Ks * specularProduct;

if( dot(L, N) < 0.0 ){
		specular = vec4(0.0, 0.0, 0.0, 1.0);
	}

gl_Position = projectionMatrix * modelViewMatrix * vPosition;

aColor = ambient + diffuse +specular;

aColor.a = 1.0;
}

#version 300 es
in vec4 vPosition;
in vec4 vNormal;

out vec4 aColor;

void main()
{
	vec3 pos = (modelViewMatrix * vPosition).xyz;
	vec3 light = lightPosition.xyz;
	vec3 L;

// check for directional light
	if(lightPosition.w == 0.0) 
		L = normalize(lightPosition.xyz);
	else 
		L = normalize( lightPosition.xyz - pos );

vec3 E = -normalize( pos );
	vec3 H = normalize( L + E );

// Transform vertex normal into eye coordinates
	vec3 N = normalize( normalMatrix*vNormal.xyz);

// Compute terms in the illumination equation
	vec4 ambient = materialKa * ambientProduct;

float Kd = max( dot(L, N), 0.0 );
	vec4  diffuse = materialKd * Kd*diffuseProduct;

float Ks = pow( max(dot(N, H), 0.0), shininess );
	vec4  specular = materialKs * Ks * specularProduct;

if( dot(L, N) < 0.0 ) {
		specular = vec4(0.0, 0.0, 0.0, 1.0);
	}

gl_Position = projectionMatrix * modelViewMatrix * vPosition;

aColor = ambient + diffuse + specular;

aColor.a = 1.0;
}

#version 300 es
in vec4 vPosition;
in vec4 vNormal;

uniform mat4 modelViewMatrix;
uniform mat4 projectionMatrix;
uniform mat3 normalMatrix;

uniform vec4 lightPosition;

uniform float shininess;
uniform float materialKa, materialKd, materialKs;

// material
uniform vec4 ambientProduct;
uniform vec4 diffuseProduct;
uniform vec4 specularProduct;

out vec3 normalInterp;
out vec4 aColor;

void main(){
	vec4 pos = modelViewMatrix * vPosition;
	normalInterp = normalize(normalMatrix * vNormal.xyz);

gl_Position = projectionMatrix * pos;

vec4 ambient = ambientProduct;

vec3 N = normalize( normalInterp );
	vec3 L;

if( lightPosition.w == 0.0 )
	{
		L = normalize( lightPosition.xyz );
	}
	else
	{
		L = normalize( lightPosition.xyz - pos.xyz );
	}

float Kd = max( dot( L, N ), 0.0 );
	vec4 diffuse = Kd * diffuseProduct;

float Ks = 0.0;
	if( Kd > 0.0 )
	{
		vec3 R = reflect( -L, N );
		vec3 E = -normalize( pos.xyz );
		float specAngle = max( dot( R, E ), 0.0 );
		Ks = pow( specAngle, shininess );
	}
	vec4 specular = Ks * specularProduct;

aColor = materialKa * ambient + materialKd * diffuse + materialKs * specular;
	aColor.a = 1.0;
}