2D游戏新手引导点光源和类迷雾实现
来源:互联网 发布:淘宝删除我的评价 编辑:程序博客网 时间:2024/05/29 12:26
一、新手引导需要的遮罩效果
一般做新手引导的时候,会把游戏画面变的半黑,然后需要玩家点击的地方就亮起来。常用的做法是采用遮罩来实现,但是只能实现方形的,不能不规则图形,以及是完全挖空,做不到渐变效果(除非美术直接出整张资源)。表现效果如下:
实事上,我们想做把那个透明框做得更自然一点,更好看一点。
也就是类似火把,点光源的效果。比如下面游戏的画面那样:
比较效果,肯定是类似点光源酷多了。
既然要这样的效果,那肯定得出我们图像混合大法了。
二、AS3实现的类似点光源效果
- 这里是采用一张美术出的具有渐变效果的图片来实现类似点光源的效果的。美术图如下:
实际上,想要更好的效果,美术可以把这个图片做得更精细一些,这里我把角色阴影来做的。
如果想要实现点光源的动画效果,那么出多几张这个图片,形成动画效果就可以了。 - 实现使用的API
- 1
- 2
用到了BlendMode类的两个属性
- 1
- 2
- 1
- 2
有看过我之前文章的读者,可能会发现这API眼熟,没错,是我上篇Blog一样的实现原理
页游《火影忍者》角色和背景遮挡半透明效果的实现
使用的API和用法一摸一样。
3. 最终实现的效果图:
4.代码下载地址
2DAS3游戏地图角色遮罩和点光源
选择里面的PointLightTest.as执行看效果
三、代码实现过程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
- 104
- 105
- 106
- 107
- 108
- 109
- 110
- 111
- 112
- 113
- 114
- 115
- 116
阅读全文
0 0
- 2D游戏新手引导点光源和类迷雾实现
- 2D游戏新手引导点光源和类迷雾实现
- 2D游戏的战争迷雾实现方式
- opengles实现点光源
- 2D游戏平滑的迷雾战争效果
- 游戏新手引导设计
- RPG游戏新手引导
- 新手引导实现
- libgdx 新手引导实现
- 新手引导的实现
- 【Unity 3D游戏开发学习笔记】总结摄像机和光源的使用方法
- 游戏新手引导前后端代码设计2个要点
- Diffuse_shadow顶点着色点光源阴影实现
- 点光源
- 点光源
- Shader 点光源和自阴影
- 新手引导的实现原理
- GuideView实现新手引导界面
- B-Tree 、B+树、B*树
- RecyclerView多布局适配器
- Retrofit+MVP登录注册+EventBus
- C#网络编程系列文章(七)之UdpClient实现异步UDP服务器
- mt2503 [Editor]Email编辑界面字符显示滞后,跟不上手写速度
- 2D游戏新手引导点光源和类迷雾实现
- tensorflow实践(二) 基本原理学习和框架使用
- 文章标题
- stopPropagation()和preventDefault()
- 贾跃亭被法院列入“老赖”名单;360回应监控视频被直播;小米计划在印度扩展业务丨价值早报
- C#网络编程系列文章(八)之UdpClient实现同步UDP服务器
- JavaScript实现H5游戏断线自动重连的技术
- java8新特性 --- stream(二)
- 创投日报:12月12日收录投融资项目22起