如何实现一个简单的游戏主界面动画效果?教程

如何实现一个简单的游戏主界面动画效果?教程

如果你觉得文笔不好,请告诉我。 如果觉得不错,请支持点赞。 谢谢! 希望 ;)

本系列是实现一个小时候非常喜欢的打砖块游戏。 记得之前红白机上有一个。 屏幕类似于以下内容:

这里写图片描述

播放效果类似如下:

这里写图片描述

在本教程中,将使用物理引擎来实现整个游戏。 所有的素材都是这只猫创造出来的,自然不能抱太大期望。

破砖游戏有 3 个元素:砖块、球和弹跳棒。 让我们依次制作它们。

做砖

首先是砖块,打开Ai,画一个简单的矩形,设置阴影效果。 这里要考虑砖块的大小,我用的是80x30像素的矩形。

同时需要注意的是,游戏中每块砖块靠得很近人物立绘,但在最底下的砖块的底部和右侧可以看到阴影效果。 所以在制作阴影效果的时候,要注意计算阴影的偏移值,我们后面游戏中会用到。 这就是实际创建的矩形大小为 82x32 像素的原因。

Bricks 大概是这样的意思:

这里写图片描述

然后只需更换颜色即可创建各种不同的积木:

这里写图片描述

做球

小球比较简单,在Ai中画一个正圆,然后找一个比较合适的玻璃材质作为贴图,同样画出阴影效果:

这里写图片描述

球的大小为 25x25 像素

制作弹跳棒

同样在Ai中画一个圆角的长矩形,大小为150x25,并设置阴影:

这里写图片描述

其实可以用三维点图2d游戏制作素材,这样效果更逼真。

因为游戏后期会实现一些有特效的道具,其中两个可以让反弹棒变长或者变短2d游戏制作素材,到时候再看怎么处理。

将材质合并到 SpriteBuilder 中

打开SpriteBuilder,新建工程命名为BrickHit,新建Images文件夹,将上面制作的素材拖到该文件夹​​中:

这里写图片描述

将此文件夹设为智能文件夹。

前期工作基本结束人物立绘,下篇文章将介绍如何实现一个简单的游戏主界面动画效果。