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

标签: SpriteBuilder光影特效反射
1710人阅读 评论(0) 收藏 举报
分类:

使用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,你可以看到实际效果如下:

这里写图片描述

本篇完.

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1559116次
    • 积分:24977
    • 等级:
    • 排名:第240名
    • 原创:785篇
    • 转载:98篇
    • 译文:190篇
    • 评论:556条
    关于侯佩 | hopy
    Asm , C , Javascript , Ruby , Objc , Swift
    iOS , MacOS , Linux , Windows
    Rails , SpriteKit , Cocos2D

    QQ : 1九7九61七4

    本猫用心写文章,如果帮助到你,请你任性打赏,以鼓励本猫猪写出更多更好的作品 :)


    博客打赏
    博客打赏
    博客专栏
    文章分类
    最新评论