[AGKv2] 2D Normalmapping - GameCreators Forum

Author

Message

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 14th Nov 2014 14:16 Edited at: 6th Dec 2019 19:34

Link

Hey,

since my methond only works with AGKv2, I made a new thread for it and provide a Demo with normalmapping for "real" sprites.

New Demo:

2D Normalmapping Demo

Old Thread where it started(AGKv1):
[AGKv1] Normal mapping
Here it was discussed at the same time:
OMG look what i found
Old Demo:
2D Normalmapping Demo

Picture:

2D Normalmapping DynamicLightCount.ps

#version 120
#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;
uniform vec4 LightPos4;
uniform vec4 LightColor4;
uniform vec4 LightPos5;
uniform vec4 LightColor5;
uniform vec4 LightPos6;
uniform vec4 LightColor6;
uniform vec4 LightPos7;
uniform vec4 LightColor7;
uniform vec4 LightPos8;
uniform vec4 LightColor8;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

uniform float LightCount;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
        vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
        vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
	vec4 LightPosArray[8] = vec4[8](LightPos,LightPos2,LightPos3,LightPos4,LightPos5,LightPos6,LightPos7,LightPos8);
	vec4 LightColorArray[8] = vec4[8](LightColor,LightColor2,LightColor3,LightColor4,LightColor5,LightColor6,LightColor7,LightColor8);
	
        vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight;
	for(int i=0; i<int(LightCount); i++)
		PLight = PLight + light(LightPosArray[i],LightColorArray[i]);
		
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

+ Code Snippet

#version 120
#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;
uniform vec4 LightPos4;
uniform vec4 LightColor4;
uniform vec4 LightPos5;
uniform vec4 LightColor5;
uniform vec4 LightPos6;
uniform vec4 LightColor6;
uniform vec4 LightPos7;
uniform vec4 LightColor7;
uniform vec4 LightPos8;
uniform vec4 LightColor8;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

uniform float LightCount;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
        vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
        vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
	vec4 LightPosArray[8] = vec4[8](LightPos,LightPos2,LightPos3,LightPos4,LightPos5,LightPos6,LightPos7,LightPos8);
	vec4 LightColorArray[8] = vec4[8](LightColor,LightColor2,LightColor3,LightColor4,LightColor5,LightColor6,LightColor7,LightColor8);
	
        vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight;
	for(int i=0; i<int(LightCount); i++)
		PLight = PLight + light(LightPosArray[i],LightColorArray[i]);
		
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

AGK Code:

SetDisplayAspect( 1024.0/640.0 )
SetVirtualResolution(1024,640)
SetSyncRate(0,0)
setprintsize(16)
SetScissor(0,0,0,0)

//loadspriteshader(1,"2D Normalmapping.ps")
loadspriteshader(1,"2D Normalmapping DynamicLightCount.ps")

loadimage(1,"Diffuse.png")
loadimage(2,"Normal.png")

loadimage(3,"pizza_d.png")
loadimage(4,"pizza_n.png")

createsprite(1,1)
SetSpriteAdditionalImage(1,2,1)
SetSpriteAdditionalImage(1,3,2)
setspriteshader(1,1)
SetSpritePositionByOffset(1,512,320)

SetShaderConstantByName( 1, "LightColor",  1.0,0.8,0.6, 1.0 )
SetShaderConstantByName( 1, "LightColor2", 1.0,0.0,0.0, 1.0 )
SetShaderConstantByName( 1, "LightColor3", 0.0,0.0,1.0, 1.0 )
SetShaderConstantByName( 1, "LightColor4", 0.2,0.6,0.8, 1.0 )

SetShaderConstantByName( 1, "LightColor5", 1.0,0.0,0.1, 1.0 )
SetShaderConstantByName( 1, "LightColor6", 1.0,1.0,0.0, 1.0 )
SetShaderConstantByName( 1, "LightColor7", 0.0,1.0,1.0, 1.0 )
SetShaderConstantByName( 1, "LightColor8", 0.8,0.6,0.2, 1.0 )

SetShaderConstantByName( 1, "Resolution", GetVirtualWidth(),GetVirtualHeight(),0.0, 0.0 )
SetShaderConstantByName( 1, "AmbientColor", 0.1,0.1,0.1, 1.0 )
SetShaderConstantByName( 1, "Falloff", 0.1,0.01,0.001, 0.0 )

String$="Inverted y normal and Illumination Mapping"
VirtualMidX#=(GetVirtualWidth()*0.5)
VirtualMidY#=(GetVirtualHeight()*0.5)
Radius#=120
LightCount=4
do
	print("Press the mouse/Touch the screen to change the Image: "+String$)
	print("Light Count: "+str(LightCount))
	print("FPS: "+str(screenfps(),2))
	
	if getpointerpressed()=1
		Switch=Switch+1
		if Switch>1 then Switch=0
		if Switch=0
			String$="The Ghost"
			setspriteimage(1,1)
			SetSpriteAdditionalImage(1,2,1)
		endif
		if Switch=1
			String$="The Brick"
			setspriteimage(1,3)
			SetSpriteAdditionalImage(1,4,1)
		endif
	endif
	
	if GetRawKeyPressed(49) then LightCount=LightCount-1
	if GetRawKeyPressed(50) then LightCount=LightCount+1
	SetShaderConstantByName( 1, "LightCount", LightCount,0.0,0.0, 0.0 )
	
	LightX#=getpointerx()
	LightY#=getpointery()
	LightZ#=10.0
	SetShaderConstantByName( 1, "LightPos",LightX#,LightY#,LightZ#, 100.0 )
	
	Angle#=Angle#+60.0*GetFrameTime()
	SetShaderConstantByName( 1, "LightPos2",VirtualMidX#+cos(Angle#)*Radius#,VirtualMidY#+sin(Angle#)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos3",VirtualMidX#,VirtualMidY#,LightZ#+sin(Angle#)*LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos4",VirtualMidX#+cos(-Angle#)*Radius#,VirtualMidY#+sin(-Angle#)*Radius#,LightZ#, 10.0 )
	
	SetShaderConstantByName( 1, "LightPos5",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos6",VirtualMidX#+cos(Angle#)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos7",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos8",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )

sync()
loop

+ Code Snippet

SetDisplayAspect( 1024.0/640.0 )
SetVirtualResolution(1024,640)
SetSyncRate(0,0)
setprintsize(16)
SetScissor(0,0,0,0)


//loadspriteshader(1,"2D Normalmapping.ps")
loadspriteshader(1,"2D Normalmapping DynamicLightCount.ps")

loadimage(1,"Diffuse.png")
loadimage(2,"Normal.png")

loadimage(3,"pizza_d.png")
loadimage(4,"pizza_n.png")

createsprite(1,1)
SetSpriteAdditionalImage(1,2,1)
SetSpriteAdditionalImage(1,3,2)
setspriteshader(1,1)
SetSpritePositionByOffset(1,512,320)

SetShaderConstantByName( 1, "LightColor",  1.0,0.8,0.6, 1.0 )
SetShaderConstantByName( 1, "LightColor2", 1.0,0.0,0.0, 1.0 )
SetShaderConstantByName( 1, "LightColor3", 0.0,0.0,1.0, 1.0 )
SetShaderConstantByName( 1, "LightColor4", 0.2,0.6,0.8, 1.0 )

SetShaderConstantByName( 1, "LightColor5", 1.0,0.0,0.1, 1.0 )
SetShaderConstantByName( 1, "LightColor6", 1.0,1.0,0.0, 1.0 )
SetShaderConstantByName( 1, "LightColor7", 0.0,1.0,1.0, 1.0 )
SetShaderConstantByName( 1, "LightColor8", 0.8,0.6,0.2, 1.0 )

SetShaderConstantByName( 1, "Resolution", GetVirtualWidth(),GetVirtualHeight(),0.0, 0.0 )
SetShaderConstantByName( 1, "AmbientColor", 0.1,0.1,0.1, 1.0 )
SetShaderConstantByName( 1, "Falloff", 0.1,0.01,0.001, 0.0 )

String$="Inverted y normal and Illumination Mapping"
VirtualMidX#=(GetVirtualWidth()*0.5)
VirtualMidY#=(GetVirtualHeight()*0.5)
Radius#=120
LightCount=4
do
	print("Press the mouse/Touch the screen to change the Image: "+String$)
	print("Light Count: "+str(LightCount))
	print("FPS: "+str(screenfps(),2))
	
	if getpointerpressed()=1
		Switch=Switch+1
		if Switch>1 then Switch=0
		if Switch=0
			String$="The Ghost"
			setspriteimage(1,1)
			SetSpriteAdditionalImage(1,2,1)
		endif
		if Switch=1
			String$="The Brick"
			setspriteimage(1,3)
			SetSpriteAdditionalImage(1,4,1)
		endif
	endif
	
	if GetRawKeyPressed(49) then LightCount=LightCount-1
	if GetRawKeyPressed(50) then LightCount=LightCount+1
	SetShaderConstantByName( 1, "LightCount", LightCount,0.0,0.0, 0.0 )
	
	LightX#=getpointerx()
	LightY#=getpointery()
	LightZ#=10.0
	SetShaderConstantByName( 1, "LightPos",LightX#,LightY#,LightZ#, 100.0 )
	
	Angle#=Angle#+60.0*GetFrameTime()
	SetShaderConstantByName( 1, "LightPos2",VirtualMidX#+cos(Angle#)*Radius#,VirtualMidY#+sin(Angle#)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos3",VirtualMidX#,VirtualMidY#,LightZ#+sin(Angle#)*LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos4",VirtualMidX#+cos(-Angle#)*Radius#,VirtualMidY#+sin(-Angle#)*Radius#,LightZ#, 10.0 )
	
	SetShaderConstantByName( 1, "LightPos5",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos6",VirtualMidX#+cos(Angle#)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos7",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos8",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )

	sync()
loop

2D Normalmapping.ps

#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight = light(LightPos,LightColor) + light(LightPos2,LightColor2) + light(LightPos3,LightColor3);
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

+ Code Snippet

#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight = light(LightPos,LightColor) + light(LightPos2,LightColor2) + light(LightPos3,LightColor3);
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

2D NormalmappingIY.ps
Some Normal Maps have inverted y normals here is my solution

#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.x - gl_FragCoord.x,gl_FragCoord.y - TLightPos.y, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight = light(LightPos,LightColor) + light(LightPos2,LightColor2) + light(LightPos3,LightColor3);
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

+ Code Snippet

#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.x - gl_FragCoord.x,gl_FragCoord.y - TLightPos.y, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight = light(LightPos,LightColor) + light(LightPos2,LightColor2) + light(LightPos3,LightColor3);
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

2D Normalmapping Illuminationmapping.ps
Provide a third texture as Illumination Map

#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
uniform sampler2D texture2;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;

uniform vec2 Resolution;
uniform vec3 AmbientColor;
uniform vec3 Falloff;

uniform float Threshold;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
	vec3 LightDir = vec3(TLightPos.x - gl_FragCoord.x,gl_FragCoord.y - TLightPos.y, TLightPos.z);
	
	vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 illumination = texture2D(texture2, uvVarying.xy).rgb;
	
	vec3 lightcolor;
	if (illumination.r<Threshold)
	{
		gl_FragColor =  diffuse * vec4(AmbientColor + light(LightPos,LightColor) + light(LightPos2,LightColor2) + light(LightPos3,LightColor3), 1.0);
	}
	else
	{
		gl_FragColor = diffuse * vec4(illumination + AmbientColor + light(LightPos,LightColor) + light(LightPos2,LightColor2) + light(LightPos3,LightColor3), 1.0);
	}
}

+ Code Snippet

#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
uniform sampler2D texture2;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;

uniform vec2 Resolution;
uniform vec3 AmbientColor;
uniform vec3 Falloff;

uniform float Threshold;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
	vec3 LightDir = vec3(TLightPos.x - gl_FragCoord.x,gl_FragCoord.y - TLightPos.y, TLightPos.z);
	
	vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 illumination = texture2D(texture2, uvVarying.xy).rgb;
	
	vec3 lightcolor;
	if (illumination.r<Threshold)
	{
		gl_FragColor =  diffuse * vec4(AmbientColor + light(LightPos,LightColor) + light(LightPos2,LightColor2) + light(LightPos3,LightColor3), 1.0);
	}
	else
	{
		gl_FragColor = diffuse * vec4(illumination + AmbientColor + light(LightPos,LightColor) + light(LightPos2,LightColor2) + light(LightPos3,LightColor3), 1.0);
	}
}

</div>

Attachments

Login to view attachments

Back to top

Profile PM Email Website

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 14th Nov 2014 14:18 Edited at: 17th Jul 2017 16:42

Link

What do you think?

And let me know what you have made with it

</div>

Using AGKv2 Tier1

Attachments

Login to view attachments

Back to top

Profile PM Email Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 14th Nov 2014 14:31 Edited at: 14th Nov 2014 14:51

Link

I really really love you janbo. Time to decide what to make with it...

EDIT: Here's a slight change to the shader allowing a different Falloff for each light:

#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos1;
uniform vec4 LightColor1;
uniform vec3 Falloff1;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec3 Falloff2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;
uniform vec3 Falloff3;

uniform vec4 Resolution;
uniform vec4 AmbientColor;

vec3 light(vec4 TLightPos, vec4 TLightColor, vec3 Falloff)
{
	TLightPos.y=Resolution.y-TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp(1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance)),0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight = light(LightPos1,LightColor1,Falloff1) + light(LightPos2,LightColor2,Falloff2) + light(LightPos3,LightColor3,Falloff3);
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

+ Code Snippet

#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos1;
uniform vec4 LightColor1;
uniform vec3 Falloff1;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec3 Falloff2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;
uniform vec3 Falloff3;

uniform vec4 Resolution;
uniform vec4 AmbientColor;

vec3 light(vec4 TLightPos, vec4 TLightColor, vec3 Falloff)
{
	TLightPos.y=Resolution.y-TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp(1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance)),0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight = light(LightPos1,LightColor1,Falloff1) + light(LightPos2,LightColor2,Falloff2) + light(LightPos3,LightColor3,Falloff3);
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

Does anyone know how to add a dynamic number of lights so we can add as many as we like? I was thinking that if it was possible it would be easy to add a large number of lights to a scene and only calculate the lights whose range touches each "lit" sprite. I'd be happy to share a system that did this if someone who knows shaders could point me in the right direction for the shader code... would make an awesome demo for AppGameKit V2 as well!

Maybe Paul could add a command for Spine characters to add a shader to bones...

Back to top

Profile PM Email

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 14th Nov 2014 15:00 Edited at: 17th Jul 2017 16:42

Link

Thanks,

I think I get the knack of shaders.
Shaders are really powerfull.

I think there should be only one Falloff, but aditionally a LightRange parameter.

The shader is made.. to easily add additional Lights, just add

+ Code Snippet

light(LightPos4,LightColor4,Falloff4);

and the associated parameters.
We can't use Arrays in AppGameKit shaders... not?

</div>

Using AGKv2 Tier1

Back to top

Profile PM Email Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 14th Nov 2014 15:14 Edited at: 14th Nov 2014 16:53

Link

That's a big shame... ok so I'd have to hard code in a max number of lights right? I'll be right back...

EDIT: Ok I have 10 lights running at roughly 500fps but I think I can improve that if I can get a little optimisation in the shader and in this version you can edit the Range. I'm keeping falloff separate now as you suggested:

Attachments

Login to view attachments

Back to top

Profile PM Email

Van B

Moderator

22

Years of Service

User Offline

Joined: 8th Oct 2002

Location: Sunnyvale

Posted: 14th Nov 2014 16:54

Link

Looking sweet

For the lights issue, maybe it would be an idea to pass the number of lights to the shader, then ignore any lights that are unused in the frag, then at least the lights could be optimised in AppGameKit to use a typed array or something, but the shader would only have to calculate the ones that are used.

Anyway, can't wait to mess with this - it's exactly the sort of thing people have been crying out for.

I am the one who knocks...

Back to top

Profile PM Email

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 14th Nov 2014 20:08 Edited at: 17th Jul 2017 16:43

Link

I added LightRange as the w component of the vec4 LightPos,
updated the first Post with my solution for the inverted y component in normalmaps and added my ettemp to make an illumination map.
I made the same in the Labyrinth Demo wich looks great if you add the bloomshader.

If you have something you want me to add to the first post... just ask.

</div>

Using AGKv2 Tier1

Back to top

Profile PM Email Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 14th Nov 2014 21:21

Link

Quote: "For the lights issue, maybe it would be an idea to pass the number of lights to the shader, then ignore any lights that are unused in the frag, then at least the lights could be optimised in AppGameKit to use a typed array or something, but the shader would only have to calculate the ones that are used."

My exact thinking. In fact I tried several versions of this but for some reason it wasn't working. I'm assuming that int is a valid datatype in OpenGL?

Back to top

Profile PM Email

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 15th Nov 2014 02:23 Edited at: 17th Jul 2017 16:43

Link

Okay you want a Dynamic light Count here you have...

@baxslash: You are right I had problems with int too, but you can pass a float and typecast it to int.
(Do you read the PM's or your E-mail's ?)

2D Normalmapping with Dynamic Light Count:
For now 8 Lights possible

#version 120
#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;
uniform vec4 LightPos4;
uniform vec4 LightColor4;
uniform vec4 LightPos5;
uniform vec4 LightColor5;
uniform vec4 LightPos6;
uniform vec4 LightColor6;
uniform vec4 LightPos7;
uniform vec4 LightColor7;
uniform vec4 LightPos8;
uniform vec4 LightColor8;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

uniform float LightCount;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
	vec4 LightPosArray[8] = vec4[8](LightPos,LightPos2,LightPos3,LightPos4,LightPos5,LightPos6,LightPos7,LightPos8);
	vec4 LightColorArray[8] = vec4[8](LightColor,LightColor2,LightColor3,LightColor4,LightColor5,LightColor6,LightColor7,LightColor8);
	
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight;
	for(int i=0; i<int(LightCount); i++)
		PLight = PLight + light(LightPosArray[i],LightColorArray[i]);
		
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

+ Code Snippet

#version 120
#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;
uniform vec4 LightPos4;
uniform vec4 LightColor4;
uniform vec4 LightPos5;
uniform vec4 LightColor5;
uniform vec4 LightPos6;
uniform vec4 LightColor6;
uniform vec4 LightPos7;
uniform vec4 LightColor7;
uniform vec4 LightPos8;
uniform vec4 LightColor8;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

uniform float LightCount;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
	vec4 LightPosArray[8] = vec4[8](LightPos,LightPos2,LightPos3,LightPos4,LightPos5,LightPos6,LightPos7,LightPos8);
	vec4 LightColorArray[8] = vec4[8](LightColor,LightColor2,LightColor3,LightColor4,LightColor5,LightColor6,LightColor7,LightColor8);
	
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight;
	for(int i=0; i<int(LightCount); i++)
		PLight = PLight + light(LightPosArray[i],LightColorArray[i]);
		
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

And the demo Code:

SetDisplayAspect( 1024.0/640.0 )
SetVirtualResolution(1024,640)
SetSyncRate(0,0)
setprintsize(16)
SetScissor(0,0,0,0)

//loadspriteshader(1,"2D Normalmapping.ps")
loadspriteshader(1,"2D Normalmapping DynamicLightCount.ps")

loadimage(1,"Diffuse.png")
loadimage(2,"Normal.png")

loadimage(3,"pizza_d.png")
loadimage(4,"pizza_n.png")

createsprite(1,1)
SetSpriteAdditionalImage(1,2,1)
SetSpriteAdditionalImage(1,3,2)
setspriteshader(1,1)
SetSpritePositionByOffset(1,512,320)

SetShaderConstantByName( 1, "LightColor",  1.0,0.8,0.6, 1.0 )
SetShaderConstantByName( 1, "LightColor2", 1.0,0.0,0.0, 1.0 )
SetShaderConstantByName( 1, "LightColor3", 0.0,0.0,1.0, 1.0 )
SetShaderConstantByName( 1, "LightColor4", 0.2,0.6,0.8, 1.0 )

SetShaderConstantByName( 1, "LightColor5", 1.0,0.0,0.1, 1.0 )
SetShaderConstantByName( 1, "LightColor6", 1.0,1.0,0.0, 1.0 )
SetShaderConstantByName( 1, "LightColor7", 0.0,1.0,1.0, 1.0 )
SetShaderConstantByName( 1, "LightColor8", 0.8,0.6,0.2, 1.0 )

SetShaderConstantByName( 1, "Resolution", GetVirtualWidth(),GetVirtualHeight(),0.0, 0.0 )
SetShaderConstantByName( 1, "AmbientColor", 0.1,0.1,0.1, 1.0 )
SetShaderConstantByName( 1, "Falloff", 0.1,0.01,0.001, 0.0 )

String$="Inverted y normal and Illumination Mapping"
VirtualMidX#=(GetVirtualWidth()*0.5)
VirtualMidY#=(GetVirtualHeight()*0.5)
Radius#=120
LightCount=4
do
	print("Press the mouse/Touch the screen to change the Image: "+String$)
	print("Light Count: "+str(LightCount))
	print("FPS: "+str(screenfps(),2))
	
	if getpointerpressed()=1
		Switch=Switch+1
		if Switch>1 then Switch=0
		if Switch=0
			String$="The Ghost"
			setspriteimage(1,1)
			SetSpriteAdditionalImage(1,2,1)
		endif
		if Switch=1
			String$="The Brick"
			setspriteimage(1,3)
			SetSpriteAdditionalImage(1,4,1)
		endif
	endif
	
	if GetRawKeyPressed(49) then LightCount=LightCount-1
	if GetRawKeyPressed(50) then LightCount=LightCount+1
	SetShaderConstantByName( 1, "LightCount", LightCount,0.0,0.0, 0.0 )
	
	LightX#=getpointerx()
	LightY#=getpointery()
	LightZ#=10.0
	SetShaderConstantByName( 1, "LightPos",LightX#,LightY#,LightZ#, 100.0 )
	
	Angle#=Angle#+60.0*GetFrameTime()
	SetShaderConstantByName( 1, "LightPos2",VirtualMidX#+cos(Angle#)*Radius#,VirtualMidY#+sin(Angle#)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos3",VirtualMidX#,VirtualMidY#,LightZ#+sin(Angle#)*LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos4",VirtualMidX#+cos(-Angle#)*Radius#,VirtualMidY#+sin(-Angle#)*Radius#,LightZ#, 10.0 )
	
	SetShaderConstantByName( 1, "LightPos5",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos6",VirtualMidX#+cos(Angle#)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos7",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos8",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )

sync()
loop

+ Code Snippet

SetDisplayAspect( 1024.0/640.0 )
SetVirtualResolution(1024,640)
SetSyncRate(0,0)
setprintsize(16)
SetScissor(0,0,0,0)


//loadspriteshader(1,"2D Normalmapping.ps")
loadspriteshader(1,"2D Normalmapping DynamicLightCount.ps")

loadimage(1,"Diffuse.png")
loadimage(2,"Normal.png")

loadimage(3,"pizza_d.png")
loadimage(4,"pizza_n.png")

createsprite(1,1)
SetSpriteAdditionalImage(1,2,1)
SetSpriteAdditionalImage(1,3,2)
setspriteshader(1,1)
SetSpritePositionByOffset(1,512,320)

SetShaderConstantByName( 1, "LightColor",  1.0,0.8,0.6, 1.0 )
SetShaderConstantByName( 1, "LightColor2", 1.0,0.0,0.0, 1.0 )
SetShaderConstantByName( 1, "LightColor3", 0.0,0.0,1.0, 1.0 )
SetShaderConstantByName( 1, "LightColor4", 0.2,0.6,0.8, 1.0 )

SetShaderConstantByName( 1, "LightColor5", 1.0,0.0,0.1, 1.0 )
SetShaderConstantByName( 1, "LightColor6", 1.0,1.0,0.0, 1.0 )
SetShaderConstantByName( 1, "LightColor7", 0.0,1.0,1.0, 1.0 )
SetShaderConstantByName( 1, "LightColor8", 0.8,0.6,0.2, 1.0 )

SetShaderConstantByName( 1, "Resolution", GetVirtualWidth(),GetVirtualHeight(),0.0, 0.0 )
SetShaderConstantByName( 1, "AmbientColor", 0.1,0.1,0.1, 1.0 )
SetShaderConstantByName( 1, "Falloff", 0.1,0.01,0.001, 0.0 )

String$="Inverted y normal and Illumination Mapping"
VirtualMidX#=(GetVirtualWidth()*0.5)
VirtualMidY#=(GetVirtualHeight()*0.5)
Radius#=120
LightCount=4
do
	print("Press the mouse/Touch the screen to change the Image: "+String$)
	print("Light Count: "+str(LightCount))
	print("FPS: "+str(screenfps(),2))
	
	if getpointerpressed()=1
		Switch=Switch+1
		if Switch>1 then Switch=0
		if Switch=0
			String$="The Ghost"
			setspriteimage(1,1)
			SetSpriteAdditionalImage(1,2,1)
		endif
		if Switch=1
			String$="The Brick"
			setspriteimage(1,3)
			SetSpriteAdditionalImage(1,4,1)
		endif
	endif
	
	if GetRawKeyPressed(49) then LightCount=LightCount-1
	if GetRawKeyPressed(50) then LightCount=LightCount+1
	SetShaderConstantByName( 1, "LightCount", LightCount,0.0,0.0, 0.0 )
	
	LightX#=getpointerx()
	LightY#=getpointery()
	LightZ#=10.0
	SetShaderConstantByName( 1, "LightPos",LightX#,LightY#,LightZ#, 100.0 )
	
	Angle#=Angle#+60.0*GetFrameTime()
	SetShaderConstantByName( 1, "LightPos2",VirtualMidX#+cos(Angle#)*Radius#,VirtualMidY#+sin(Angle#)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos3",VirtualMidX#,VirtualMidY#,LightZ#+sin(Angle#)*LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos4",VirtualMidX#+cos(-Angle#)*Radius#,VirtualMidY#+sin(-Angle#)*Radius#,LightZ#, 10.0 )
	
	SetShaderConstantByName( 1, "LightPos5",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos6",VirtualMidX#+cos(Angle#)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos7",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#)*Radius#,LightZ#, 10.0 )
	SetShaderConstantByName( 1, "LightPos8",VirtualMidX#+cos(Angle#*0.5)*Radius#,VirtualMidY#+sin(Angle#*0.5)*Radius#,LightZ#, 10.0 )

	sync()
loop

Soon we have covered all options

</div>

Using AGKv2 Tier1

Back to top

Profile PM Email Website

unlikely

12

Years of Service

User Offline

Joined: 5th Mar 2012

Location: Ohio, USA

Posted: 15th Nov 2014 06:17

Link

Looking really, really sharp guys!

Good work!

Back to top

Profile PM

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 15th Nov 2014 09:16 Edited at: 17th Nov 2014 12:59

Link

Quote: "You are right I had problems with int too, but you can pass a float and typecast it to int.
(Do you read the PM's or your E-mail's ?)"

Smart idea. You have something very similar to what I came up with. I might just optimise one part of it if I have time later.

I don't get a notification for PM's so I hardly ever notice them. Email me if you want to chat.

EDIT: Added screen for next post

Attachments

Login to view attachments

Back to top

Profile PM Email

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 17th Nov 2014 12:57 Edited at: 17th Nov 2014 13:02

Link

I've been playing with this a little and I have a version of your shader running up to ten lights at around 1800-1900fps on one sprite. I think if I do some tests on an actual game I might have something useful here. Test project attached.

For some reason it seems to run faster with the nested 'if' statements I'm using here than it did with a 'for' loop (at least for me). This version does not use your extremely cool 'Illumination Mapping' but I wanted to push the basic shader as far as I could for my own purposes.

Also I changed it to a linear calculation to speed it up a little too. My version gives the user a light "Range" value for each light and removes the need for the "Falloff" value needed for the quadratic calculation you have.

EDIT: Awesome work by the way! I couldn't have done any of this on my own...

Attachments

Login to view attachments

Back to top

Profile PM Email

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 17th Nov 2014 13:42 Edited at: 6th Dec 2019 19:36

Link

Why should if statments be faster than a for loop?

2D Normalmapping
-10 Lights
-Range parameter
-Quadratic Falloff

//#version 120
#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;
uniform vec4 LightPos4;
uniform vec4 LightColor4;
uniform vec4 LightPos5;
uniform vec4 LightColor5;
uniform vec4 LightPos6;
uniform vec4 LightColor6;
uniform vec4 LightPos7;
uniform vec4 LightColor7;
uniform vec4 LightPos8;
uniform vec4 LightColor8;
uniform vec4 LightPos9;
uniform vec4 LightColor9;
uniform vec4 LightPos10;
uniform vec4 LightColor10;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

uniform float LightCount;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
	//vec4 LightPosArray[8] = vec4[8](LightPos,LightPos2,LightPos3,LightPos4,LightPos5,LightPos6,LightPos7,LightPos8); //this needs the vesion 120
	//vec4 LightColorArray[8] = vec4[8](LightColor,LightColor2,LightColor3,LightColor4,LightColor5,LightColor6,LightColor7,LightColor8);
	vec4 LightPosArray[10];
	vec4 LightColorArray[10];
	LightPosArray[0]=LightPos;
	LightColorArray[0]=LightColor;
	LightPosArray[1]=LightPos2;
	LightColorArray[1]=LightColor2;
	LightPosArray[2]=LightPos3;
	LightColorArray[2]=LightColor3;
	LightPosArray[3]=LightPos4;
	LightColorArray[3]=LightColor4;
	LightPosArray[4]=LightPos5;
	LightColorArray[4]=LightColor5;
	LightPosArray[5]=LightPos6;
	LightColorArray[5]=LightColor6;
	LightPosArray[6]=LightPos7;
	LightColorArray[6]=LightColor7;
	LightPosArray[7]=LightPos8;
	LightColorArray[7]=LightColor8;
	LightPosArray[8]=LightPos9;
	LightColorArray[8]=LightColor9;
	LightPosArray[9]=LightPos10;
	LightColorArray[9]=LightColor10;
	
	
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight;
	for(int i=0; i<int(LightCount); i++)
		PLight = PLight + light(LightPosArray[i],LightColorArray[i]);
		
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

+ Code Snippet

//#version 120
#ifdef GL_ES
	#ifdef GL_FRAGMENT_PRECISION_HIGH   
		precision highp float;
	#else
		precision mediump float;
	#endif
#endif

uniform sampler2D texture0;
uniform sampler2D texture1;
varying vec2 uvVarying;
varying vec2 posVarying;
uniform vec4 LightPos;
uniform vec4 LightColor;
uniform vec4 LightPos2;
uniform vec4 LightColor2;
uniform vec4 LightPos3;
uniform vec4 LightColor3;
uniform vec4 LightPos4;
uniform vec4 LightColor4;
uniform vec4 LightPos5;
uniform vec4 LightColor5;
uniform vec4 LightPos6;
uniform vec4 LightColor6;
uniform vec4 LightPos7;
uniform vec4 LightColor7;
uniform vec4 LightPos8;
uniform vec4 LightColor8;
uniform vec4 LightPos9;
uniform vec4 LightColor9;
uniform vec4 LightPos10;
uniform vec4 LightColor10;

uniform vec4 Resolution;
uniform vec4 AmbientColor;
uniform vec3 Falloff;

uniform float LightCount;

vec3 light(vec4 TLightPos, vec4 TLightColor)
{
	TLightPos.y = Resolution.y - TLightPos.y;
	
	vec3 normal = texture2D(texture1, uvVarying.xy).rgb;
	
    vec3 LightDir = vec3(TLightPos.xy - gl_FragCoord.xy, TLightPos.z);
	
    vec3 LDIR=normalize(LightDir);
	
	normal = normal * 2.0 - 1.0;
	vec3 NDIR=normalize(normal);
	
	float distance = length(LightDir);
	float Attenuation = clamp((1.0 / (Falloff.x +(Falloff.y * distance) +(Falloff.z * distance * distance))) * TLightPos.w,0.0,1.0);
	
	return TLightColor.rgb * max(dot(NDIR, LDIR), 0.0) * Attenuation;
}

void main()
{
	//vec4 LightPosArray[8] = vec4[8](LightPos,LightPos2,LightPos3,LightPos4,LightPos5,LightPos6,LightPos7,LightPos8); //this needs the vesion 120
	//vec4 LightColorArray[8] = vec4[8](LightColor,LightColor2,LightColor3,LightColor4,LightColor5,LightColor6,LightColor7,LightColor8);
	vec4 LightPosArray[10];
	vec4 LightColorArray[10];
	LightPosArray[0]=LightPos;
	LightColorArray[0]=LightColor;
	LightPosArray[1]=LightPos2;
	LightColorArray[1]=LightColor2;
	LightPosArray[2]=LightPos3;
	LightColorArray[2]=LightColor3;
	LightPosArray[3]=LightPos4;
	LightColorArray[3]=LightColor4;
	LightPosArray[4]=LightPos5;
	LightColorArray[4]=LightColor5;
	LightPosArray[5]=LightPos6;
	LightColorArray[5]=LightColor6;
	LightPosArray[6]=LightPos7;
	LightColorArray[6]=LightColor7;
	LightPosArray[7]=LightPos8;
	LightColorArray[7]=LightColor8;
	LightPosArray[8]=LightPos9;
	LightColorArray[8]=LightColor9;
	LightPosArray[9]=LightPos10;
	LightColorArray[9]=LightColor10;
	
	
    vec4 diffuse = texture2D(texture0, uvVarying.xy);
	vec3 PLight;
	for(int i=0; i<int(LightCount); i++)
		PLight = PLight + light(LightPosArray[i],LightColorArray[i]);
		
	gl_FragColor =  diffuse * (AmbientColor + vec4(PLight,0.0));
}

Now we need spine characters with normalmapping...
And I need drawing skills the spine tool and Sprite Dlight

</div>

Attachments

Login to view attachments

Back to top

Profile PM Email Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 17th Nov 2014 13:50 Edited at: 17th Nov 2014 13:53

Link

Wow, I hope that runs as fast on my computer! Not sure what the issue is with the for loop but I did a version that run through a for loop and it was around 200-300 fps slower with 10 lights. Other than that the code was identical.

I'll take a look at your version when I get a chance...

EDIT: I don't see a range parameter?

Back to top

Profile PM Email

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 17th Nov 2014 16:11 Edited at: 17th Nov 2014 16:13

Link

The Range was the w component the whole time...

Quote: "I added LightRange as the w component of the vec4 LightPos"

Try SetShaderConstantByName( 1, "LightPos",LightX#,LightY#,LightZ#, LightW# )
And remember to set a suitable z component.

Linear Falloff is faster for sure but I'll keep it quadratic for now.

Back to top

Profile PM Email Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 17th Nov 2014 17:39

Link

I see, I missed the w component there

I honestly prefer the quadratic method for the way it looks but yes, I'm after speed in my version for now.

Back to top

Profile PM Email

Yodaman Jer

User Banned

Posted: 17th Nov 2014 18:29

Link

Wow, this looks awesome!

As someone who is about to start out with AppGameKit, I can't wait to try this out!

Meh game development blaugh!

Back to top

Profile

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 17th Nov 2014 18:41

Link

Hi Yodaman! Yes AppGameKit is getting pretty awesome

Back to top

Profile PM Email

Yodaman Jer

User Banned

Posted: 17th Nov 2014 18:46

Link

Hi baxslash!

Indeed it is getting pretty awesome, I've downloaded the demo and it runs a lot better than it did when I first tried it out a few years ago! Of course having a proper development/gaming rig might have something to do with that

I can't wait to really get going with it, I'm really considering pledging so that I can get access to the V2 alpha. Definitely seems worth it!

And this normalmapping that janbo has created looks beautiful, I really can't wait to try it out! Would be a very useful effect in a game I'm planning!

Meh game development blaugh!

Back to top

Profile

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 17th Nov 2014 21:31

Link

If you want to use the 2D normal mapping you'll need V2 of AGK. It's not possible in V1.

Back to top

Profile PM Email

Yodaman Jer

User Banned

Posted: 18th Nov 2014 03:41

Link

Indeed, I noticed that, hence my wish to pledge haha.

Now that I've played with the demo of AppGameKit though, I know it's definitely something I want to invest in. It is like a much, much better version of DarkBASIC!

Meh game development blaugh!

Back to top

Profile

Blendman

10

Years of Service

User Offline

Joined: 17th Feb 2014

Location: Arkeos

Posted: 24th Nov 2014 15:25

Link

Janbo : your example is excellent, thank you very much !

http://www.dracaena-studio.com

Back to top

Profile PM Website

Van B

Moderator

22

Years of Service

User Offline

Joined: 8th Oct 2002

Location: Sunnyvale

Posted: 1st Dec 2014 18:38

Link

I'm thinking that the posVarying vector does nothing with sprites

- doesn't seem to return anything, hopefully I'm using it wrongly as I'd really like to make a refraction sprite shader.

Could I be a pain and ask if someone could help me confirm that posVarying does nothing?

I am the one who knocks...

Back to top

Profile PM Email

Ched80

14

Years of Service

User Offline

Joined: 18th Sep 2010

Location: Peterborough, UK

Posted: 7th Dec 2014 21:29

Link

Great work guys, I've also been working on a normal mapping shader, but I've been combining it with my dynamic shadows. I'll post my workings soon, at the moment the fps is a little low as I'm rendering the quad too many times. Plus I'm trying to incorporate it into a game so that development is slowing me down a bit.

Back to top

Profile PM Email

Van B

Moderator

22

Years of Service

User Offline

Joined: 8th Oct 2002

Location: Sunnyvale

Posted: 1st Nov 2016 19:39

Link

Attempting unlock...

The code is dark and full of errors

Back to top

Profile PM Email

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 1st Nov 2016 22:11 Edited at: 6th Dec 2019 19:38

Link

Hey, I made a little update to fit the new parameters and ability to use arrays in shader.
It's now in a separate agc file and wrapped in a few little functions.

Also maybe someone can say me why the images "pizza_x.png" file does not show up ?

Attachments

Login to view attachments

Back to top

Profile PM Email Website

fubarpk

Retired Moderator

19

Years of Service

User Offline

Joined: 11th Jan 2005

Playing: AGK is my friend

Posted: 6th Dec 2019 13:37

Link

unlocking by request

fubarpk
fubarpk on Itch...………...https://fubarpk.itch.io/
fubarpk on googleplay..https://play.google.com/store/apps/developer?id=fubarpk

Back to top

Profile PM Email Website

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 6th Dec 2019 18:51 Edited at: 6th Dec 2019 19:33

Link

Such a thing happens if a variable isn't initialized.
Some devices or renderer seem to be forgiving but some are not, those errors are a bit harder to spot.
So just go ahead and give the "Light" variable at line 36 a value (vec3 Light = vec3(0.0); )

Back to top

Profile PM Email Website

Sorry your browser is not supported!

AppGameKit/AppGameKit Studio Showcase / [AGKv2] 2D Normalmapping

Attachments

Attachments

Attachments

Attachments

Attachments

Attachments

Attachments