码迷,mamicode.com
首页 > 其他好文 > 详细

ActionScript3游戏中的图像编程(连载三十九)

时间:2014-08-14 20:47:49      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:actionscript 3.0   flash   图像处理   游戏   编程   

2.3.1 用方块观察斜面样式与斜角滤镜作用方法的差异


      在Photoshop和Flash里都各自建一个500*500的空白文件,然后各自在画布中心画上一个纯蓝的(#0000FF),100*100大小的方块,(如果不懂得如何完成以上操作,可自行翻阅相关的入门教材)然后Flash里再多做一步,按F8转换为元件,类型选择“影片剪辑”。


      为了最大程度上减少对本课题研究的干扰,我们创建的投影力求做到最简单,最干净。为此,我把Flash里的投影滤镜中的模糊设置成0,并且把颜色调亮(#00cc00),距离也拉开到30像素(图 2.49)。

 

bubuko.com,布布扣

图 2.49 Flash测试用例


      在Photoshop里我们也制作这样的一个投影(图 2.50)。
 

bubuko.com,布布扣bubuko.com,布布扣

图 2.50 Photoshop测试用例


      下面分别给这两个图形添加浮雕效果,Flash用斜角滤镜,Photoshop用斜面和浮雕(图 2.51,图 2.52)。
 

bubuko.com,布布扣

bubuko.com,布布扣

图 2.51 给Flash方块添加斜角滤镜

 

  bubuko.com,布布扣bubuko.com,布布扣

图 2.52 给Photoshop方块添加斜面和浮雕样式


      可见,两者最大的差别在于,Flash把投影都弄出斜面来了,但是Photoshop的浮雕丝毫不影响投影样式的效果。


      通过这样的一个试验,相信大家都能理解文字上的斜角滤镜越界的原因了吧。


      解决Flash斜角滤镜问题的方法很简单:只要把斜角滤镜拖到投影之前,斜角就不再作用于投影了(图 2.53)。
 

bubuko.com,布布扣

图 2.53 调整滤镜的顺序


      我们回过头来给我们的文字作出同样的修正(图 2.54)。
 

bubuko.com,布布扣

bubuko.com,布布扣

图 2.54 调整滤镜顺序后的文本效果


      边缘的问题解决了,但是斜角的边缘并不光滑,尤其是转折处比较多的位置更显得凹凸不平。


      我们试着把其他可模拟的参数都调成跟Photoshop一致。比如角度,按投影的做法,应改为60度,然后就是颜色了,Photoshop给高光和阴影都给了75%的alpha作为默认值,我们让Flash也跟着改一下。再者,干脆把品质也调到“高”吧。


      修改以后的效果如图 2.55所示。

 

bubuko.com,布布扣 

bubuko.com,布布扣

图 2.55 调整不透明度等参数后的效果


      没有明显的改善,浮雕的高光和阴影还是太重了,那么,差距还在哪里?

 


 

ActionScript3游戏中的图像编程(连载三十九),布布扣,bubuko.com

ActionScript3游戏中的图像编程(连载三十九)

标签:actionscript 3.0   flash   图像处理   游戏   编程   

原文地址:http://blog.csdn.net/iloveas2014/article/details/38561291

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!