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

原创 2015年11月17日 17:09:36

使用SpriteBuilder新建一个项目,将默认MainScene.ccb中的内容统统删掉,此时场景应该是一片漆黑.

将官网中的2张图片以及我自己做的2张图片全部拖拽到其文件视图中去:

这里写图片描述

其中加_n后缀的图片表示原图的法线贴图.

将2张不带_n后缀的图片分别拖到黑黑的场景中去,调整到合适位置.
分别将2个精灵的Normal map设置为_n后缀的对应图片:

这里写图片描述

分别打开2个精灵的Lighting特效.这时已经可以看到光影效果,可惜这时SpriteBuilder给你的”假象”,如果此时编译运行该app,只能看到黑漆漆一片,因为这时还没有添加任何光源呢.

从控件库拖拽一个Light Node节点到场景中,相当于给场景添加了一个光源.你会发现随着光源的移动,2个精灵光影有着明显的变化:

这里写图片描述

为了模拟更加逼真,再从控件库拖动一个粒子效果节点.将其调整为火焰状.把该粒子节点和上面的Light节点一起放到一个CCNode中去,设置该节点的代码连接为_fireNode.

然后在Xcode打开MainScene.m文件,启用触摸,然后建立对应的触摸回调方法:

-(void)touchMoved:(CCTouch *)touch withEvent:(CCTouchEvent *)event{
    CGPoint location = [[CCDirector sharedDirector] convertTouchToGL:touch];
    _fireNode.position = location;
}

编译运行该App,你可以看到实际效果如下:

这里写图片描述

本篇完.

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

相关文章推荐

Cocos2d-x能够实现的效果总结

Cocos2d-x能够实现的效果总结

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

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

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

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

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

其实不用3D建模,用2D的图像就可以模拟3D场景中光照反射的效果.这里我们不得不提到一个normalMap(法线图)的概念,请各位童鞋自己度娘吧,简单来说它可以使得2D表面生成一定细节程度的光照方向和...
  • mydo
  • mydo
  • 2015-11-17 16:50
  • 1805
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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