在Construct 2中使用动态GIF图像

2

Tagged

Stats

6,658 visits, 7,556 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 4 Apr, 2013. Last updated 25 Feb, 2019

上次我(指原作者)在找素材的时候碰到了个大问题,现在已经解决,于是发了这个教程与大家分享。本来我想找一些关于“烟”的可以直接用在Constrcuct 2里的动态图像素材,却一无所获。

后来我在一个GIF动态图网站上找到了我需要的动画,的确,是非常不错的烟:)

第一步

找到一个你需要的GIF动画。例如,我找到了这个火的动画:

第二步

Construct 2只接受普通的、一帧一帧的图像,所以我们必须先“拆开”这个GIF。这非常简单,真的!你只需要进入下面这个网站,上传你的GIF就可以啦!

uk.bloggif.com/gif-extract

第三步

接着应该从那个网站上得到一个ZIP格式的压缩文件,把它解压后,会得到几个图像文件。

第四步

在你的游戏工程里新建一个精灵(Sprite)对象,然后把上一步解压出来的文件统统导入进去,变成帧(frame)。在左侧的属性框里按需要设定属性,比如我这个“火”动画,就把Loop属性改成YesSpeed改成10。这里可以不断尝试直到你满意为止。

现在就没有任何问题了,你可以拉伸精灵、添加行为(Behavior)等等,这就是好处^_^

范例工程在此,里面的所有动画都是用GIF拆开的:

docs.google.com/file/d/0B-ELG2wt0x1ZNnlJdEo4Q0xtUmM/edit

嗯,还有一点,就是如果你还需要其他的GIF动画(烟、火、烟火等等)什么的,可以尝试去看看“free animation gif”这个网站,里面的动画还是不错的。

希望你喜欢这个教程。也同时希望不要为了GIF不能直接用在Construct 2里而抓狂……

PS:原作者说希望各位不要觉得他的英语烂,我是希望各位不要觉得我的翻译烂……

  • 0 Comments

Want to leave a comment? Login or Register an account!