如何在游戏中实现飘花和落叶效果?

简介: 如何在游戏中实现飘花和落叶效果?

嗨!大家好,我是小蚂蚁。


今天这篇文章分享一下如何在游戏中实现飘花和落叶的效果,在游戏背景中加入它们,能够让你的游戏更加的栩栩如生。


之前我们讲过如何在游戏中实现一场雨,主要利用的随机性,一系列的随机处理模拟出了下雨的效果,对于飘花和落叶同样也需要各种各样的随机处理。


不知道你是否曾仔细的观察过花瓣飘落的过程,一阵风吹来,一片花瓣从花朵上飘离,向着风吹过的方向,缓缓的飘落,旋转,翻转...... 如果同时有很多的花瓣在飘落,每一个花瓣都有着不同的移动轨迹,不同的飘落速度,不同的翻转方式.....世界上没有两片完全相同的树叶,也没有两片飘落轨迹一模一样的花瓣,世界变美了,因为随机性。


相比于水滴,花瓣的随机性要更多一点儿,除了大小,透明度,移动速度之外,还要增加风的随机性,花瓣旋转和翻转的随机性。


来到微信小游戏制作工具中,我们首先准备一下资源。



如图,就是需要的所有资源了,两个花瓣,一片落叶,一个基础文字,以及一个背景。


接下来,选中一个花瓣精灵,然后在属性区中点击“管理行为”按钮,打开行为面板,为其开启“旋转”和“翻转”的两个行为。



我们将会使用这样的两个行为来实现花瓣的旋转和翻转效果。


开启行为之后,在属性区中会看到与“翻转”和“旋转”有关的行为,关掉默认的“自动开始”选项,我们会在逻辑中使用积木块手动控制开始。



接下来为花瓣创建两个局部变量,一个“X偏移”,一个“Y偏移”,这两个变量记录的是当前的花瓣受到的风力的大小。



最后,来看一下花瓣上的积木逻辑。



这段积木中使用了大量的随机,包活花瓣大小的随机,透明度的随机,所受风力的随机,翻转时间和方向的随机,旋转时间和方向的随机。


将这一系列的随机性作用到一个小小的花瓣上,就能够出现奇妙的效果。


预览一下场景。



此时,应该能够感受到一阵向右的风从一棵樱花树上经过,扰动了树枝,一片片的樱花被吹起,开始了充满随机性的舞蹈。


至于落叶该怎么实现呢?与落花是一样的逻辑,只不过调整一下其中的各种随机数值,一直调整到你觉得对落叶满意时为止。



当春天的樱花碰撞到了秋天的落叶,感觉有点儿怪怪的。


不过,在游戏的世界里没有什么是不可能的。这也是做游戏的一个魅力之处,你是一个游戏世界的创造者,这个游戏世界是什么样子,将完全由你来决定。

相关文章
|
4月前
|
机器学习/深度学习
猜谜游戏
【10月更文挑战第16天】猜谜游戏。
87 6
|
资源调度
游戏分享总结
游戏分享总结
61 0
|
开发工具 开发者
一些与做游戏有关的你想知道的事
我始终认为做游戏是一项技能,游戏创作者制作一个游戏,跟写作者写一篇文章,吉他手弹一首乐曲,糕点师做一个松软的面包,木匠做一套精美的家具都是一样的。对于掌握一项技能来讲,只有一件最重要的事,就是熟练。所以,想学好做游戏唯有不停的练习直至熟练,除此之外,其它的都是弯路。
133 0
在游戏中实现飘花和落叶效果
嗨!大家好,我是小蚂蚁。 今天这篇文章分享一下如何在游戏中实现飘花和落叶的效果,在游戏背景中加入它们,能够让你的游戏更加的栩栩如生。 之前我们讲过如何在游戏中实现一场雨,主要利用的随机性,一系列的随机处理模拟出了下雨的效果,对于飘花和落叶同样也需要各种各样的随机处理。
113 0
|
小程序
为什么要做游戏?
在开始之前,先想想这个问题:你最想做的事是什么?你又为什么最想做这件事? 大家好,我是小蚂蚁。我遇到过很多想要做游戏或者正在做游戏的人,对于“为什么要做游戏?”这个问题,有着各种各样的答案。
140 0
简单的HANGMAN游戏
分析一下简单的hangman游戏,hangman主要两个窗口就是菜单窗口和游戏窗口。这里要用面板以及布局方式将元件排列好,有个基本雏形,这是第一步。这里第一个页面用到girdbaglayout布局方式,这种布局方式感觉效率很高,排布的也很美观,需要注意的是要使用时添加一行“特殊”的代码,后面的添加方式跟边界布局有一点点小类似。
307 0
简单的HANGMAN游戏
|
C++
201712-2 游戏
201712-2 游戏
103 0
201712-2 游戏
|
Web App开发 移动开发 JavaScript
视频在 H5 游戏中的应用
## 前言 游戏中如果需要使用一些预先录制好的动画,动画格式可以选择 gif 文件和视频文件,视频文件和 gif 文件相比,size 更小(相同质量,gif 文件比 mp4 文件大5倍以上)。 如果视频能在 canvas 中或者 webgl 中播放,这样视频可以和其它游戏元素整合,实现以前需要很复杂的方式才能实现的功能,比如在一个旋转的 3D 立方体中播放视频。 当前主流的浏览器
2025 0