SpriteBuilder实现2D精灵光影明暗反射效果(一)



其实不用3D建模,用2D的图像就可以模拟3D场景中光照反射的效果.

这里我们不得不提到一个normalMap(法线图)的概念,请各位童鞋自己度娘吧,简单来说它可以使得2D表面生成一定细节程度的光照方向和反射效果.

我们首先要制作精灵的法线贴图,至于怎么做,懂3D制图的童鞋应该都知道,有专门的软件.不过对于本猫猪这种图痴来说,也有简单容易上手的工具,名字为SpriteIlluminator,可以到其官网下载:

https://www.codeandweb.com/spriteilluminator

软件非常不错,可惜要收费 ;( 不过有7天的试用期限,以下是软件运行界面:

这里写图片描述

至于怎么用,大家可以看其简明教程:

https://www.codeandweb.com/blog/2015/03/17/cocos2d-dynamic-lighting-tutorial

而在这里可以看到更多的教程:

https://www.codeandweb.com/blog

以下就是其教程中,app完成后实际的效果:

这里写图片描述

这里写图片描述

还是相当不错的,我们在下篇中就来简单说说用SpriteBuilder如何完成类似效果.