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 ;)

Unity2D实现贴图凹凸感并接受实时光照效果

先看最终效果: 我们的原图是一个3D模型的截图: 这一效果是通过Shader实现的: (Shader代码来自国外博客:http://www.thomas-joncorpu...
  • LeoHiJack
  • LeoHiJack
  • 2015年07月03日 16:47
  • 4112

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

其实不用3D建模,用2D的图像就可以模拟3D场景中光照反射的效果.这里我们不得不提到一个normalMap(法线图)的概念,请各位童鞋自己度娘吧,简单来说它可以使得2D表面生成一定细节程度的光照方向和...
  • mydo
  • mydo
  • 2015年11月17日 16:50
  • 1976

css光影一闪而过 css 色泽效果

先看这个css效果。不知道什么时候,这样的css效果小小流行了一把。最早我是在京东看见的。今天在唯品会上面又看见了。 于是按捺不住,我自己也动手写了一个。保存到自己的css库里面,方便日后调用! 1...
  • u011456552
  • u011456552
  • 2016年12月08日 19:30
  • 1128

横版2D光影系统

因为项目需求,做了一个适用于横版2D的光影系统,包括地上的光及墙上的光,效果如图 大体思路就是通过射线来检测光路,通过改变mesh网格来实现光路 首先,我定义了3个摄像机, GroundCa...
  • Ymiku
  • Ymiku
  • 2016年06月02日 22:26
  • 381

设计师必看:五个添加光影效果的简…

原文作者是Rob Morris。   现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物,认知他们的材质、尺度和透视。   所以如果要...
  • haibo0668
  • haibo0668
  • 2016年06月02日 12:57
  • 844

随便聊聊水面效果的2D实现(二)

0. 引子   之前提到想要随便聊一聊RippleEffect的2D实现方法,近来又总算有了些许空余时间,于是便有了这篇东西~   1. 概述     RippleEffect我个人的理解是...
  • tkokof1
  • tkokof1
  • 2014年12月15日 19:24
  • 3302

通过优化在UE4中实现良好性能和高质量视觉效果

对于任何追求UE4性能最佳、同时又想保持极高质量视觉效果的人来说,本文有一些可遵循的一般性建议和原则。   局限性 为了性能,你通常受CPU时间(通常和游戏设置相关)和GPU时间限制...
  • a359877454
  • a359877454
  • 2017年11月01日 15:44
  • 270

Android 实现书籍翻页效果---番外篇之光影效果

对于之前发布的翻页效果的源码,由于写得太匆忙,注释讲解的不多,且本人文笔较差,至使很多人对其中的很多部分不是很清楚,尤其是其中的光影部分,而我也不知道如何去向其解释,真是让我汗颜无比,所以今天利用闲暇...
  • twlkyao
  • twlkyao
  • 2013年11月11日 09:57
  • 1144

随便聊聊水面效果的2D实现(一)

0. 引子   一直想随便写写自己关于水面效果2D实现的一些了解,可惜各种原因一直拖沓,幸而近来有些事情终算告一段落,自己也有了一些闲暇时间,于是便有了这篇东西 :)   1. 概述    ...
  • tkokof1
  • tkokof1
  • 2014年11月05日 10:50
  • 4958

2D游戏中人物被遮挡的透明效果

通常我们在2D游戏中经常使用人物的半透明效果来表示人物被建筑物所遮挡,这种效果做法不但画面效果较佳,而且能让玩家更好的了解自己所控制玩家当前位置,才不会被物件所遮挡,茫然失去方向。这里,我们就是来讲讲...
  • xfnjlove
  • xfnjlove
  • 2014年02月27日 11:59
  • 1101
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:SpriteBuilder实现2D精灵光影明暗反射效果(二)
举报原因:
原因补充:

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