找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 3926|回复: 5

[入门教程] 【天流秘传奥义】图片卷轴之术『事件变化』

[复制链接]
发表于 2007-2-13 00:52:00 | 显示全部楼层 |阅读模式
  在学习本术之前,请先确认你已经熟练使用以下结印!

图片显示之印
图片移动之印
并行处理之印


以下,为本术的真正习得方法!

壹、何谓卷轴

  这里说的『卷轴』,是指一张图片在画面上作无限横向(或纵向)的移动。卷轴效果在游戏的应用最早可以去到一些老的街机游戏,卷轴效果多数会出现在标题、飞行游戏上。因为卷轴有无限循环的特点,在这些场合上非常适用。
  以下为卷轴的基本原理图。
  (一)静态分解图
  
  (二)动态效果图
  

贰、何来卷轴

  卷轴的效果在RM中其实不难实现。当然,我们得先有一张能够作为卷轴的图片素材。在这里我提供一张比较简单的卷轴(横向)图,可以随便拿去使用 ̄▽ ̄)~
  
  需要注意的是,一般卷轴素材是必须首尾相接的,不然做出来的效果会十分别扭。
  有了素材,就可以开工正式坐卷轴效果咯~接下来要说说卷轴在RM里的具体原理。

卷轴之所以能够做出不断循环的效果,实际上是2张以上的图片在不断地移动。因为2张(或以上)素材首尾相接,因此他们移动完毕进行新一轮移动的时候,我们几乎看不出他们已经移动完毕了再进行新的一轮移动。效果就如下图。

RM里的卷轴效果就是这么简单 ̄▽ ̄)~是不是看上去觉得很麻烦,需要图片的长度去到一个合适的数值?

  其实不然哦!
  经过几次测试,我发现一个比较简单的方,无论你的图片长度是多长,只要是首尾相接,就能够很好做出卷轴效果。
  要怎么做呢?当然,首先我们要知道这个图片卷轴长度(纵向取Y,横向取X),取值以后,我们就可以马上去做了!(这句好废话…)

  第一步,当然是要显示卷轴图片啦(这里以我提供的那个素材为例子):
  

  第二步,我们要显示第二张图来让达到『无缝』的效果:
  
  看到这里,要先说明一下了。为什么要用“左上”为原点?因为我们要取的是四条边的相接,而“中心”是不在边上的,“左上”则刚好是在边上(顶点),这样计算就会变得简单了。还有为什么X坐标会是640呢?这个更是简单了。这张图的X最大值是640,第二张图是用来跟着移动的,因此必须刚好在第一张之后。这个时候取图片的X是最好的。

  第三步,正式移动图片:
  
  这个就不用说太多了,就是将第一张图片移动到最左边好让第二张图出现。而第二张图也会移动到第一张图的位置。

  第三步,等待图片移动结束:
  
  配合并行处理,那么这个卷轴就会不断执行,而制作实际上到这里就结束了。因为第二张图到达『0,0』坐标的时候,完全跟第一步的时候一模一样,因此可以让他们循环重新来(第一张重新显示在『0,0』,第二张也是回到自己原本的位置)。这样的障眼法已经足够骗过玩家的眼睛了。 [s:4]

叁、其他卷轴
  其实还不止一种做法,这里我就不多说了,有兴趣的朋友可以下载范例来更深入了解这个效果,然后自己研究出不同的卷轴效果。以上,就是本术的习得全过程!



PS:版权归【邪恶的萝卜联盟】所有,如需转载请联系『玄天』,谢谢 [s:4]
发表于 2007-2-13 01:50:46 | 显示全部楼层
LZ实在太XE了.... [s:4]
还动用了gif图片示例...可爱啊~
好人卡的 该用户已被删除
发表于 2007-2-13 02:17:25 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
发表于 2007-2-13 02:52:21 | 显示全部楼层
大家都米睡啊 [s:5]
发表于 2007-4-2 09:32:49 | 显示全部楼层
不错不错……果然要长点的图才行啊……
发表于 2007-5-3 08:45:14 | 显示全部楼层
Scene的背景貌似不能這樣做吧。。。

果然事件+腳本王道阿... [s:4]
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|幻想森林

GMT+8, 2026-10-30 05:57 , Processed in 0.012028 second(s), 16 queries .

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表