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

原创 2015年11月17日 16:50:08

其实不用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如何完成类似效果.

版权声明:大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处.谢谢! hopy ;)

相关文章推荐

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

使用SpriteBuilder新建一个项目,将默认MainScene.ccb中的内容统统删掉,此时场景应该是一片漆黑.将官网中的2张图片以及我自己做的2张图片全部拖拽到其文件视图中去:其中加_n后缀的...
  • mydo
  • mydo
  • 2015-11-17 17:09
  • 1778

TexturePacker非常棒的游戏资源图像处理工具

欢迎转载!转载时请注明出处:http://blog.csdn.net/aa4790139/article/details/8106993 如果你还没接触到过这个工具,那你今天运气非常好了... ...

【Unity工具】Sprite Illuminator下载教程&TexturePacke资料总结

Unity 2D 工具:Sprite Illuminator 这个工具的作用很简单,就是在2d的精灵上模拟出3d的灯光效果,可以延伸出很多不错的想法 真正有用的其实不是他的工具,而是他的runtim...

cocos2dx 法线贴图编辑器spriteilluminator

分享一个cocos2dx 2d精灵表现出3d效果的工具做游戏的肯定都用过 texturepacker,最近他家出了个新工具,spriteilluminator 附上链接:https://www.co...

SpriteBuilder&Cocos2D使用CCEffect特效实现天黑天亮过度效果

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 在动作或RPG类游戏中我们有时需要天黑和天亮过度的效果来...
  • mydo
  • mydo
  • 2015-12-25 15:57
  • 1073

Cocos2d-x学习笔记(五)仿真树叶飘落效果的实现(精灵旋转、翻转、钟摆运动等综合运用)

最近项目中需要一个落叶的效果,本来想用粒子特效来实现,但是几经调试,虽然调出了落叶的效果,但是并不是十分理想,最大的不足就是落叶是平面的,没有立体感,虽然把落叶做小之后却是立体感的感觉会有所缓解,但总...

Cocos2D添加精灵纹理滤镜实现图像复古效果的转换

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 大家知道Cocos2d本身是一个非常强悍的2d游戏引擎,...
  • mydo
  • mydo
  • 2016-01-08 14:47
  • 1399

cocos2d--仿真树叶飘落效果的实现(精灵旋转、翻转、钟摆运动等综合运用)

原理->树叶飘落动作分析:          树叶下落过程分解为:下落+摆动+叶片自传。          也就是只要将这三个动作实现,并同时执行就可以实现树叶飘落的效果。 ...

Cocos2d-X 精灵、动作效果

命名空间宏: USING_NS_CC; 感觉其实挺鸡肋的。 NS_CC_BEGIN; == using namespace cocos2d{ NS_CC_END ; } -----------...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)