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

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

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


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


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


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


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


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



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


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



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


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



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



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



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


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


预览一下场景。



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


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



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


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

相关文章
|
7月前
|
开发者
为什么你的游戏做不出来?
为什么你的游戏做不出来?
61 0
|
开发工具 开发者
一些与做游戏有关的你想知道的事
我始终认为做游戏是一项技能,游戏创作者制作一个游戏,跟写作者写一篇文章,吉他手弹一首乐曲,糕点师做一个松软的面包,木匠做一套精美的家具都是一样的。对于掌握一项技能来讲,只有一件最重要的事,就是熟练。所以,想学好做游戏唯有不停的练习直至熟练,除此之外,其它的都是弯路。
127 0
|
开发者
不要全职去做游戏
嗨!大家好,我是小蚂蚁。 前段时间有两位学员有想要全职做游戏的想法,来问我是否可行,都被我极力的劝阻了。按道理说作为一个教别人做游戏的老师,我应该极力的鼓励学员去全力的做游戏。但是“全力”去做游戏跟“全职”去做游戏完全是两码事,当你在做一件事情的时候,付诸全力一定会得到一个更好的结果。但是如果你要去全职做游戏的话,那结果大概率的是养不活自己。
113 0
在游戏中实现飘花和落叶效果
嗨!大家好,我是小蚂蚁。 今天这篇文章分享一下如何在游戏中实现飘花和落叶的效果,在游戏背景中加入它们,能够让你的游戏更加的栩栩如生。 之前我们讲过如何在游戏中实现一场雨,主要利用的随机性,一系列的随机处理模拟出了下雨的效果,对于飘花和落叶同样也需要各种各样的随机处理。
102 0
|
小程序
为什么要做游戏?
在开始之前,先想想这个问题:你最想做的事是什么?你又为什么最想做这件事? 大家好,我是小蚂蚁。我遇到过很多想要做游戏或者正在做游戏的人,对于“为什么要做游戏?”这个问题,有着各种各样的答案。
132 0
|
开发者
聊聊游戏中的分享
嗨!大家好,我是小蚂蚁。今天我们来谈谈游戏中的分享。 游戏分享是游戏获得更多用户的一个很重要的方法,正所谓“一传十,十传百”,如果每个玩家都愿意分享你的游戏的话,那么你的游戏将会通过这种裂变的方式获得海量的玩家。 当然,这只是想想而已。没有哪个游戏能让所有的玩家都愿意自发的分享,大家对游戏中的分享越来越抗拒,尤其遇到粗暴的被打扰的强制分享时,基本上对于这个游戏的评价也就玩完了。
168 0
简单的HANGMAN游戏
分析一下简单的hangman游戏,hangman主要两个窗口就是菜单窗口和游戏窗口。这里要用面板以及布局方式将元件排列好,有个基本雏形,这是第一步。这里第一个页面用到girdbaglayout布局方式,这种布局方式感觉效率很高,排布的也很美观,需要注意的是要使用时添加一行“特殊”的代码,后面的添加方式跟边界布局有一点点小类似。
300 0
简单的HANGMAN游戏
|
C++
201712-2 游戏
201712-2 游戏
97 0
201712-2 游戏
|
Web App开发 移动开发 JavaScript
视频在 H5 游戏中的应用
## 前言 游戏中如果需要使用一些预先录制好的动画,动画格式可以选择 gif 文件和视频文件,视频文件和 gif 文件相比,size 更小(相同质量,gif 文件比 mp4 文件大5倍以上)。 如果视频能在 canvas 中或者 webgl 中播放,这样视频可以和其它游戏元素整合,实现以前需要很复杂的方式才能实现的功能,比如在一个旋转的 3D 立方体中播放视频。 当前主流的浏览器
2013 0