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

时间: 2024-10-30 13:45:07

SpriteBuilder实现2D精灵光影明暗反射效果(一)的相关文章

图片-密码框明暗文怎么实现

问题描述 密码框明暗文怎么实现 java中,html页面里面 input密码输入框中加一张图片,并给其带上点击事件,实现明文暗文,应该怎么做呢? 解决方案 楼上正解,用js来做.找一张你需要的图片,绑定onclick事件,单击图片,检查input属性............ 解决方案二: 眼睛是windows 8以上内置的. VC++用m_edit.SetPasswordChar('*');可以把文本框设置为密码框. VB C#是设置PasswordChar属性 网页是用 input type=

yuv420-CIF采样显示时在明暗交接处很多白色噪声点,最后1或2列全是黄色,请问如何解决?

问题描述 CIF采样显示时在明暗交接处很多白色噪声点,最后1或2列全是黄色,请问如何解决? 用的DM642的开发板,CIF采样显示时在明暗交接处出现很多白色噪声点. 另外我自己编程获取的yuv420 cif图像最后1或2列全是黄色,有人遇到过吗? 期待大牛的解答与帮忙!万分感谢+感激! 本人邮箱yihui200609 @126.com 解决方案 您好! 非常感谢您的回答,这个帖子我之前看过,请问您想表达出现这种现象的原因是什么呢? 解决方案二: http://www.seeddsp.com/se

日华媒:大数据让中日地方经济分出“明暗”

日本<新华侨报>6月6日文章,原题:大数据在让中日地方经济分出"明暗"第一次听到日文的"Big Data"这个词时,为到底翻译成"海量数据"还是"大数据",费了一些周折.说实在的,很多新词笔者时从日语中首先听说的.不过要是说大数据在政务上的运用,给人的感觉是现在中国可能已经走在了日本的前面. 中国在很长一段时间内,工业生产能力完全不能和日本比.钢铁.化工.机械等老的重工业就不用说了,手表.家用电器.电子原材料也在很

PhotoShop制作晃动的光影GIF动态图片效果动画教程

教程介绍用PhotoShop制作晃动的光影GIF动态图片效果,制作很简单,喜欢的同学可以跟着做一下! 教程效果图: 现在开始教程:1.建立一个1024*768的文档,,背景色为黑色,,(这个不用截图了吧,,应该都会了)2.执行滤镜-渲染-镜头光晕,亮度100,电影镜头, Ctrl+F执行四次... 这里漏了一步,执行一下'滤镜-扭曲-极坐标'选平面从标到极坐标. 3.新建个图层,渐变,,调出彩虹渐变,歇着划一道,,混合模式改成叠加   4.开始动画,,打开动画,,第一帧把渐变挪到最靠上的一边(如

网页界面设计中的明暗

现实生活中无时无处不存在着光照和阴影.你看到的每样东西都是通过光影反射形成它的形象.视觉上,光影帮助我们辨别事物,认知他们的材质.尺度和透视. 所以如果要让我们的网页设计更加自然.有动感且真实直观,正确理解光影效果就变得非常重要.以下是助你更好利用光影的五个技巧,好好运用它们,能让你的设计更加精致,从众多的页面中脱颖而出. 光照与阴影的原理快速剖析 下图中,光源来自左方.高光是光照最强的部分,阴影位于距离光源最远的地方.光影的存在帮助我们感知有关物体表面材质的大量信息. 不过你可能要问,这和网页

Silverlight MMORPG网页游戏开发课程[一期] 第二课:完美2D精灵

引言 通过上一课的学习我们掌握了Silverlight中实现对象动画的3种方式.大家需要特别注意在Silverlight中鼠标左键按下.台起:鼠标右键按下.台起以及鼠标滚轮滚动这5 个事件都是路由的,路由功能在游戏及动画开发领域用处巨大,后续课程我们会专门找时间来详细讲解. 光会移动的一张静止图片还称不上精灵,加入它自身的动作动画并按实际情况呈现出来这才叫完美.我们该如何让精灵"活"起来呢?本节我将为大家介绍两种实现精灵动作动画的方法. 2.1通过切割(Clip)加偏移(Transla

利用PS搞好明暗和层次关系

  影调指的是画面的明暗关系和层次关系,影调是照片好看的重要元素,调整影调是照片后期调整中首先要考虑的事.而一幅照片究竟调整成什么样的影调好,可能在后期调整之初并没有一个肯定的想法.那么要想试验各种不同的影调效果,使用调整层来做影调调整就有非常明显的优势了. 调整后 调整前 这张照片拍摄于大雨刚过, 乱云飞走,天空即将放晴之前.拍摄时并没有想好应该是亮调还是暗调,先按照正常影调曝光拍摄. 查看直方图 执行"窗口 直方图"命令打开"直方图"面板,可以看到当前图像的影调

PS混合模式结合蒙版快速调整明暗及色调

我们在拍摄时常遇到这样的情况,天空很亮,地面很暗,眯着眼看,上面是亮的,下面是黑的.该怎么改善呢?在Adobe Camera RAW里,我们可以通过恢复和填充亮光两个滑钮进行修改.那么在PS内部如何处理呢?我们可以用曲线,也可以用混合模式结合蒙版来修. 原图. 首先按Ctrl+j,复制一个背景层,在图示中将它的混合模式改为正片叠底,如图示,红箭头指示了修改混合模式的位置,蓝箭头指示了不透明度的调整位置.我们只看天空部分,如果被压得过暗,我们可以将不透明度调得低一些. 我们单击图中红箭头所示按钮,

GDI根据坐标点能否进行贴图或增加纹理(明暗),谢谢!!!

问题描述 下面代码(通过坐标点集合points)能绘出一个立体形状的球形,但都是通过线条来现实的,我想给他加上颜色或进行贴图,可有方法,谢谢!!!FriendSubDraw(ByValoCamera1AsCamera,ByValgAsSystem.Drawing.Graphics,ByValrectAsRectangle,ByValfMaxAsDouble,ByValcolorAsColor)DimpenAsNewPen(color)ForiAsInteger=0Tom_Lat-1ForjAsI