| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > Flash游戏制作 > 文章正文 用户登录
为你新浪博客添加
关于RPG类型游戏制
[手机游戏]:关于t
一个FLASH小游戏的
利用条件语句制作
猜数字游戏--AS处
一个猜球游戏
拼图游戏
另一个种拼图游戏
ACT游戏基础-键盘

拼图游戏的制作           

拼图游戏的制作

作者:佚名 来源:闪吧 作者: 闪客太子 更新:2007-1-13 20:43:49 错误报告 我要投稿
 点击浏览该文件

看着别人在做拼图游戏,自己心里痒痒,所以也试着做了一个
下面是我的制作步骤,希望能对初学者一些帮助,呵呵 首先选种你想要拼的图片,导入PS中进行裁减 为了制作的方便,我先把网格的大小设置为100象素:“编辑”—“预置”—“参考线、网格和切片”,如下图

按此在新窗口浏览图片


按此在新窗口浏览图片


把图象设置为400*300(这要视具体情况而定的),如下图:

按此在新窗口浏览图片


调整之后的图片如下图:

按此在新窗口浏览图片

然后选择“裁减”工具,按100*100尺寸截取方块,然后裁切,并另存为.jpg 格式的图片,并依次命名
如下图

按此在新窗口浏览图片

按此在新窗口浏览图片

等到全部截取完毕之后,在打开FLASH,把原图片和截取的图片全部导入 在场景的第一贞的安排如下图

按此在新窗口浏览图片


把你截取的图片分别转换为电影剪辑,拖入主场景中,位置如上图,并给每个图片电剪附加代码:
on (press) {
if (((this._x == _root.empty._x) && (Math.abs(this._y-_root.empty._y) == 100)) || ((this._y == _root.empty._y) && (Math.abs(this._x-_root.empty._x) == 100))) {
a = this._x;
b = this._y;
this._x = _root.empty._x;
this._y = _root.empty._y;
_root.empty._x = a;
_root.empty._y = b;
}
}

empty

是图中空白电剪的实例名,这些代码的作用是:判断本电剪和empty电剪的水平、纵向坐标是否相等和坐标之差是否为100。如果满足条件,就让这个电剪和empty电剪的位置互换,以实现图片的移动
注意这里empty电剪只能和正上、正下、正左、正右的图片互换

然后再在第一贞上附加代码:
stop(); if((_root.mc1._x==0)&&(_root.mc1._y==0)&&(_root.mc2._x==100)&&(_root.mc2._y==0)&&(_root.mc3._x==200)&&(_root.mc3._y==0)&&(_root.mc4._x==300)&&(_root.mc5._x==0)&&(_root.mc5._y==100)&&(_root.mc6._x==100)&&(_root.mc6._y==100)&&(_root.mc7._x==200)&&(_root.mc7._y==100)&&(_root.mc8._x==300)&&(_root.mc8._y==100)&&(_root.mc9._x==0)&&(_root.mc9._y==200)&&(_root.mc10._x==100)&&(_root.mc10._y==200)&&(_root.mc11._x==200)&&(_root.mc11._y==200)){
gotoAndPlay(2);
}
是用来判断各个图片的位置是否和条件相符合,如果满足条件,则拼图成功,转到并播放第2贞。如果不满足位置条件,则继续停止在第一贞。从第2贞开始为拼图成功的动画。
好了,到这里就结束了,其中花费我时间最长的是用PS截取图片。可能是刚开始的原因吧,感觉挺费劲的,呵呵,其实做什么事, 都不会很容易的嘛
文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。