2d Normal and Specular Lighting with GLSL in Defold

The Defoldmine
#1

(Continuation of this thread)

I’ve managed to put together an example of this shading and how it could be done with multiple lights.
Thanks to @Pawel for setting the building blocks for this type of stuff in Defold.

The README.md is a walkthrough of how it works and how one would implement this for themselves. Please feel free to expand on this and optimize it.

Disclaimer: There may some sort of compatibility or version issue with HTML5 that causes the fragment program to not compile. This doesn’t work on HTML5 for now.

5 Likes
Normal map lighting for 2D Pixel Art sprites
#2

These are the errors if anyone is wondering:
In Defold 1.8.1

dmloader.js:724 ERROR:GRAPHICS: Unable to compile fragment shader.
printErr @ dmloader.js:724
dmloader.js:724 ERROR:GRAPHICS: ERROR: 0:39: '==' : wrong operand types - no operation '==' exists that takes a left-hand operand of type 'mediump float' and a right operand of type 'const int' (or there is no acceptable conversion)
printErr @ dmloader.js:724
dmloader.js:724 ERROR: 0:56: 'pow' : no matching overloaded function found
printErr @ dmloader.js:724
dmloader.js:724 ERROR: 0:59: 'max' : no matching overloaded function found
printErr @ dmloader.js:724
dmloader.js:724 ERROR: 0:64: '==' : wrong operand types - no operation '==' exists that takes a left-hand operand of type 'mediump float' and a right operand of type 'const int' (or there is no acceptable conversion)
printErr @ dmloader.js:724
dmloader.js:724 ERROR: 0:84: 'pow' : no matching overloaded function found
printErr @ dmloader.js:724
dmloader.js:724 ERROR: 0:87: 'max' : no matching overloaded function found
printErr @ dmloader.js:724
dmloader.js:724 ERROR: 0:92: '==' : wrong operand types - no operation '==' exists that takes a left-hand operand of type 'mediump float' and a right operand of type 'const int' (or there is no acceptable conversion)
printErr @ dmloader.js:724
dmloader.js:724 ERROR: 0:114: 'pow' : no matching overloaded function found
printErr @ dmloader.js:724
dmloader.js:724 ERROR: 0:117: 'max' : no matching overloaded function found
1 Like
#3

Alright, these issues have been fixed and there is an up and running example:
https://mchlkpng.github.io/shader-test/

2 Likes