如何快速的制作一个下雨的效果

简介: 本文主要内容教你使用微信小游戏制作工具快速的实现一个下雨的效果。

本文主要内容教你使用微信小游戏制作工具快速的实现一个下雨的效果。

如果你没有任何的游戏开发经验,欢迎观看我的“人人都能做游戏”系列视频教程,它会手把手的教你做出自己的第一个小游戏。


今天分享一个如何利用微信小游戏制作工具快速的制作一个小雨的效果。


下方视频中就是最终的效果,搭配上下雨的背景声,是不是还蛮有意境的。

image.png

原文链接:https://mp.weixin.qq.com/s/PbCTDZC-pL-34hJnLEV4xQ


这个效果可以应用于游戏的场景中,或者当作一个单纯的会动的卡片,写上你想说的话,送给朋友。


下面,让我们直接看一下如何实现这样的一个下雨的效果。


对于下雨效果的实现原理,主要有 2 点。


第一点是雨滴通常是灰黑色的,如果你曾在下雨天的时候,站在雨中抬头仰望过天空,就能够发现,落下的雨滴都是灰黑色的,这个灰黑色其实就是雨滴反射了天空的颜色。而下雨一般都伴随着阴天。


第二点是下雨是有随机性的,雨滴的大小是随机的,有的大有的小。雨滴的下落速度是随机的,有的下落快,有的下落慢。雨滴的颜色也是有一定的随机性的,有的颜色深有的颜色浅。


雨滴的随机大小可以通过随机设置正方形的长度和宽度来实现,雨滴的下落速度,可以通过随机速度数值来实现,雨滴的颜色深浅,可以通过随机雨滴图片的透明度来实现。


对于这些随机性的数值,我们可以利用随机数值的积木块,来为不同的雨滴去随机的配置相应的数值。


原理清楚了,接下来,我们就去工程里实现一下。


首先,布置一下场景,一个绿色背景,因为我觉得绿色代表了夏天的颜色,而夏天又跟下雨很配的。使用一个正方形,通过缩放来当作雨滴。


640.png


接着,在代表雨滴的正方形上增加如下的积木块。


640.png


这里最重要的地方在于我们利用随机数积木块来设置雨滴的各种各样的随机数值。


最后,增加一个下雨的背景音乐,来增加氛围和意境。


640.png


这样,一个下雨的效果就制作好了,是不是很简单呢!


想学习做游戏的话,关注我的公众号就对啦!

相关文章
|
3月前
|
C++
简易投影仪的制作(下)
简易投影仪的制作(下)
44 0
|
3月前
简易投影仪的制作(上)
简易投影仪的制作(上)
51 0
|
7月前
|
定位技术 图形学
【用unity实现100个游戏之1】制作类元气骑士、挺进地牢——俯视角射击游戏多种射击效果(一)(附源码)
【用unity实现100个游戏之1】制作类元气骑士、挺进地牢——俯视角射击游戏多种射击效果(一)(附源码)
183 0
|
8月前
在微信小游戏制作工具中制作一个下雨的效果
在微信小游戏制作工具中制作一个下雨的效果
87 0
|
Python
飞机大战-显示我方飞机
用Python进行编写飞机大战,显示我方飞机。
65 0
[视频]高端微课|W01.初尝万彩动画——人人都能制作动画版微课!
或许,你也曾想抛弃PPT那万年不变的动画模式!或许,你也想让你的微课提升一个档次!或许,你也羡慕网上那些科普类动画的的炫酷!
105 0
如何快速的制作一个下雨的效果
本文主要内容教你使用微信小游戏制作工具快速的实现一个下雨的效果。 如果你没有任何的游戏开发经验,欢迎观看我的“人人都能做游戏”系列视频教程,它会手把手的教你做出自己的第一个小游戏。 今天分享一个如何利用微信小游戏制作工具快速的制作一个小雨的效果。
96 0
在游戏中实现一场下雨效果
嗨!大家好,我是小蚂蚁。 不知道你喜不喜欢下雨天,我还是蛮喜欢的,尤其是在无所事事或者昏昏欲睡的时候,下雨天和午睡非常的搭。昏暗的天空,噼里啪啦的雨声,加上一张舒适的床,可以睡上一整个下午。 下雨天除了适合睡觉外,还有一种特别的作用,那就是让人安静和放松。可能是因为白噪声的缘故,安静的倾听下雨的声音能够让人戒骄戒躁,恢复内心的平静。
130 0
|
算法 图形学
使用ZBrush制作恶魔模型
3D艺术家Gregg Hartley为大家分享使用ZBrush制作装甲恶魔模型的过程,该项目主要是将旧草图转换为3D角色,介绍在ZBrush和Substance Painter中的工作流程。
272 0
使用ZBrush制作恶魔模型
|
数据可视化 前端开发 小程序
中秋节——我给心爱的她做了一个3d月球动画
前言 大家好,又到了周末了,又到了Fly写文章的时候了, 过几天不是中秋节了,想着之前写过一篇从0- 1 实现3D地球的,反响效果特别好, 这次趁着🎑节给大家写了一个月球绕地球的运转的动画。本篇文章还是偏入门级别,重在把简单的知识讲清楚,如果是资深three爱好者,可以直接划走了,不浪费大家时间。ok👌言归正传,读完本篇文章你可以学到什么?至于心爱的她—— 就是学习 本文阅读估计花费 5 分钟 天空盒子的制作 three.js 中的贴图 一个物体绕另一个物体旋转 初始化 这篇文章我不会在从头详细的介绍three.js 的一些要素了,如果小伙伴你不是很清楚的话,你可以直接看下我这篇文章入
中秋节——我给心爱的她做了一个3d月球动画

热门文章

最新文章

下一篇
开通oss服务