多媒体技术与应用课程设计
题目拼图游戏
系 (部) 电子与信息工程系
班级
姓名
学号
指导教师
2015年 1 月15日
多媒体技术与应用课程设计任务书
拼图游戏
摘要:本课程设计利用authorware制作一个拼图游戏，以authorware7.0为开发工具，用到界面设计、事件响应、时间限制以及声音设置返回等函数变量实现拼图游戏。
关键字:拼图游戏；Authorware；交互性
1 系统概述
1.1 系统开发背景
拼图游戏是家喻户晓的益智类游戏，伴随计算机的迅速普及，伴随网络“触角”的迅速延伸，喜欢探索、充满幻想、渴望参与，这是人的天性。真实感、立体感、交互性强的游戏吸引着成千上万的人。拼图游戏是一种大人与小孩都可以玩的游戏，它可以启发智力以及帮助养成解决事情的能力，玩拼图游戏有助于与眼手协调。它能训练和了解“部分”与“全部”的关系，可以知道许多的“部分”可以拼凑出一个“全部”，以及“一个全部”是由”许多部分“所组成的。
1.2 系统开发的目的和意义
1.2.1项目开发目的
本课程设计的目的是通过实践使同学们经历多媒体应用系统开发的全过程和受到一次综合训练，以便能够全面理解和掌握、综合运用所学的知识。结合具体的案例。来理解并初步掌握多媒体软件的使用，利用多媒体软件的使用，利用多媒体计算机等设备进行音频与视频数据的获取和处理、图像处理与图像文件格式转换、超文本超媒体在交互式多媒体软件的应用。
1.2.2项目开发意义
项目开发的意义主要是是学生能够达到提高多媒体技术的实际开发应用能力，了解系统分析、系统设计、系统实施的主要环节和步骤以及文档的制作过程。
2 需求分析
2.1 需求分析
设计一个拼图游戏，主要实现将碎片拼成完整的一张图。主界面分为三部分：按钮、表格以及碎片图，主要是将九个方格组成的一个大的正方形，主要是将碎片拼成与原图一样的一幅图，将碎片拖入到正确的位置方可放到方格之中，否则将会退到原处。如果将图片都完全拼到正确的位置时，界面将会出现“你赢了”的字样。
3 总体设计
3.1 总体设计规则
3.1.1系统完成的功能
图3-1 系统功能模块图
本系统主要包括4个功能模块: 音乐、规则说明、简单游戏、困难游戏
3.2 详细设计
3.2.1界面设计
插入游戏背景，拖动一个显示图标，在里面插入游戏背景图片当打开界面时，要求出现对于音乐的控制，包括暂停、播放等功能，在界面开始时要有相关的游戏规则说明，比如：如何玩这个游戏、游戏的说明、以及要注意的方面。打开界面时整体的界面要美观。界面按钮需要有“简单游戏”、“困难游戏”、“音乐控制”以及“音乐控制”等按钮，“简单游戏”按钮主要实现转换到简单游戏中去，进入到简单游戏界面，“困难游戏”按钮主要是实现转换到困难游戏中去，“音乐控制”按钮主要实现的就是暂停、播放、返回等功能，“规则说明”主要是插入文字对游戏进行说明。
3.2.2功能设计
进入游戏界面时要有”显示原图“以及”不玩了按钮，“显示原图”按钮里面主要显示的是存放原图照片，可以使用户更加快速的拼出游戏，在群组里面拖动一个显示图标，把相应的游戏人物背景插入进去，在里面要有一个“返回”按钮，主要是在显示完原图后返回到游戏界面中去进行游戏；“不玩了”按钮主要显示是用户在玩游戏过程中不想玩这个等级的游戏，直接退出到游戏的选择界面，用户可以继续选择游戏难度进行游戏要是每张碎片都能对应到相应的位置中去要设计目标区，将每张碎片拉到对应的位置中放好，这样在玩游戏时就会对应到相应的位置；要设计出错误对象，如果图片位置不正确，则返回到原来的位置中去。
当用户完成拼图以后即会有相应的夸奖语句，设计一个allcorrectmatched条件为真时，插入一个文字，就会显示出文字信息。在显示夸奖文字后，设计两个按钮“再玩一次”和“退出”。“再玩一次”按钮主要是当用户想要继续玩游戏时，返回到游戏选择界面中去，“退出”按钮是直接退出游戏。
3.2.3音乐设计
完成整体游戏设计后插入音乐，并且设计一个“音乐控制”按钮，其主要是实现对音乐的暂停以及播放功能。设计“暂停”以及“播放”按钮，写出语句来实现相对应的功能，对音乐进行控制，以及“返回”按钮，推出道游戏界面中。
4 系统实现
4.1 界面实现
打开authorware软件，拖一个显示图标里面设置游戏背景；并且设置按钮“简单游戏”和“困难游戏”按钮、“音乐控制”按钮、“规则说明”按钮；
图4 -1 游戏背景
4.2 游戏实现
（1）将制作的表格作为背景插入到图中；
图4 -2 表格
（2）使用Photoshop将图片分割为九块，将分割的图片导入到群组“图片”中去；
图4 -3 分割图片
图4 -4 图片碎片
（3）设置交互的部分，设置按钮以及每张图所对应的位置；
图4 -5 交互
A.按钮“显示原图”是为了可以查看原图，方便快速拼图；“返回”按钮可以返回到拼图的界面，“返回”按钮代码如下：
图4 -6 “显示原图”按钮
图4 -7 “返回”按钮
图4 -8 “返回”按钮代码
B.当不想玩了时设置“不玩了”按钮，直接返回游戏界面；
图4 -9 “不玩了”按钮
C.设置每张图的最终位置，采用群组的“目标区”；
图4 -10 目标区
D.设置出“太棒了”文字；并且加入按钮，“再玩一次”和“退出”，“再玩一次”按钮回到游戏界面的选择，重新玩游戏，“退出”按钮可以直接退出游戏；
图4 -11 “再玩一次”和“退出”按钮
图4 -12 表扬语句
4.3 音乐实现
（1）插入背景音乐，设置播放为同时；
图4 -13 背景音乐
（2）实现对背景音乐的控制，有“暂停”以及“播放”功能；
图4 -14 音乐控制
（3）“播放”按钮代码如下：
图4 -16 “播放”按钮代码
4.4 规则说明实现
点击“规则说明”按钮，会出现相应的对游戏规则的说明，让第一次玩那拼图游戏的用户熟悉了解游戏；
图4-17 规则说明
5 总结
这次课程设计主要是我了解了Authorware软件的相关应用，在拼图游戏中首先要将图片分割成想要的块数，要使用photoshop软件进行实现，这又要求对photoshop软件进行相应的了解，在课程设计做完以后我感觉到自己学了很多知识，在今后的生活中一会更加熟悉对软件的使用，我觉得这也是课程设计以后大家都要掌握的知识。
参考文献
[1]宋春辉.多媒体技术与应用.高等教育出版社.北京
[2]宇风 .Authorware6完全教程.人民邮电出版社.2002年
[3]李环.多媒体技术与Authorware应用教程.清华大学出版社.2003年
课程设计成绩评定表
基于Android 益智拼图游戏设计毕业论文 目录 摘要........................................................... I I Abstract....................................................... I II 1 绪论. (1) 1.1 课题开发的背景 (1) 1.2 课题意义 (1) 2 Android架构与开发平台搭建 (2) 2.1 Android的系统架构 (2) 2.2 Window下Android开发环境的搭建 (4) 3 流程介绍与概要设计 (5) 3.1 游戏流程介绍 (5) 3.2 系统概要设计 (6) 3.2.1 界面布局模块 (6) 3.2.2 难度选择模块 (6) 3.2.3 图片选择模块 (7) 3.2.4 步数和时间模块 (7) 3.2.5 游戏实现模块 (7) 4 系统详细设计与实现 (8) 4.1 界面布局实现 (8) 4.1.1 选择界面布局 (8) 4.1.2 游戏界面布局 (9) 4.2 游戏功能实现 (11) 4.2.1 难度选择 (11) 4.2.2 图片选择 (12) 4.2.3 步数和时间设置 (13) 4.2.4 拼图的实现 (14)
5 系统测试 (17) 5.1 Android仿真器介绍 (17) 5.2 功能模块测试 (17) 5.3 出现的错误及解决方案 (20) 6 总结与展望 (21) 参考文献 (22) 附录 (23) 致谢 (33)
基于Android益智拼图游戏设计 摘要 随着移动设备的日益普及，使用Android技术开发手机软件受到越来越多人的青睐。在此背景下，本课题开发了一款Android平台下的手机游戏——益智拼图。 本文首先对Android的研究背景,系统架构以及开发环境进行介绍，然后就玩家对游戏的需求进行一定的分析，最后运用Android技术实现拼图游戏的开发，并合理布局游戏界面，使游戏界面更加美观和人性化，实现了游戏的基本功能，最终可以让玩家享受拼图游戏的乐趣。 关键词：Android；拼图游戏；Activity；架构
《C#程序设计》课程设计 题目：拼图游戏 专业：计算机科学与技术 学号： 姓名： 指导老师： 完成日期： 2012/12/26
《C#课程设计》评分标准 题目：拼图游戏专业：计算机科学与技术学号：姓名：
目录 1 前言 (4) 2 需求分析 (4) 要求 (4) 任务 (4) 运行环境 (4) 开发工具 (4) 3 概要设计与详细设计 (5) 系统流程图 (5) 结构功能图 (5) 4 编码与实现 (6) 编码分析 (6) 具体代码实现（附源代码） (9) 5 课程设计总结 (18) 参考文献 (19)
1.前言 拼图游戏一款非常经典的小游戏，因为它比较简单有趣，无论老少都比较适合。拼图的设计对每一个C#语言设计者进行语言提高和进阶都是一个很好的锻炼机会。拼图游戏的设计比较复杂，它涉及面广、牵涉方面多，如果不好好考虑和设计，将难以成功开发出这个游戏。在这个游戏的设计中，牵涉到图形界面的显示与更新、数据的收集与更新，并且在这个游戏的开发中，还要应用类的继承机制以及一些设计模式。因此，如何设计和开发好这个拼图游戏，对于提高C#开发水平和系统的设计能力有极大的帮助。在设计开发过程中，需要处理好各个类之间的继承关系，还要处理各个类相应的封装，并且还要协调好各个模块之间的逻辑依赖关系和数据通信关系。一个3×3的魔板，有一个格子是空的，其他格子内随机放置1-8共8个编号的方块，通过单击任意一个与空格子相邻的方块可以把该方块移入空格子，不断的移动方块，直到方块按照图片的原来的顺序排好。 2 需求分析 要求 （1）用C#语言实现程序设计； （2）利用PictureBox控件来实现图片的移动 （3）超过200步提示重新来 （4）界面友好（良好的人机互交），程序要有注释。 任务 （1）制作流程图 （2）编写代码； （3）程序分析与调试。 运行环境 （1）WINDOWS2000/XP/win7系统 （2）编译环境 开发工具
Flash游戏制作 一，概述 Flash是美国著名的多媒体软件公司Macromedia开发的矢量图形编辑和交互式动画制作软件。该软件的功能十分强大，在网页设计和多媒体制作等领域得到了广泛的应用，已经成为制作网络互动游戏的标准软件。Flash从Flash 4．0到Flash Professional 8，随着Flash技术的发展，Flash的功能越来越强大，使得制作较为复杂的互动游戏成为可能。由于Flash互动游戏能够满足网络媒体的传输需要，越来越多的传统游戏开发人员转为Flash用户，广大闪客为了兴趣爱好也来制作Flash游戏娱己娱人，同时，商家把Flash互动游戏作为新产品推广和营销的重要手段。 二，Flash设计游戏的优势与弱点 优势： 1．矢量图形绘制，放大不失真 2．文件量小，适于网络传输 3．跨平台、跨设备，具有良好的富媒体客户环境 4．日益强大的ActionScript?，交互性更好 5．丰富的媒体支持功能，使产品更美观 6．流式播放，下载速度快 7．图形界面，易学易用 弱点： 1．对于复杂图形，运算速度慢 2．位图、三维图像及视频播放能力弱 3．与硬件及操作系统沟通能力差 4．开发团队合作分工不方便
三、游戏的种类 凡是玩过PC游戏或者TV游戏的朋友一定非常清楚，游戏可以分成许多不同的种类，各个种类的游戏在制作过程中所需要的技术也都截然不同，所以在一开始构思游戏的时候，决定游戏的种类是最重要的一个工作，在flash可实现的游戏范围内，基本上可以将游戏分成以下几种类型: 动作类游戏(Actions) 凡是在游戏的过程中必须依靠玩家的反应来控制游戏中角色的游戏都可以被称做“动作类游戏”。在目前的flash游戏中，这种游戏是最常见的一种，也是最受大家欢迎的一种，至于游戏的操作方法，即可以使用鼠标，也可以使用键盘。此类游戏的典型代表是“著名的动作游戏”小小作品二号一过关斩将”和”碰碰拳打”，分别如图1和图2所示: 益智类游戏(Puzzle) 此类游戏也是Flash比较擅长的游戏，相对于动作游戏的快节奏，益智类游戏的特点就是玩起来速度慢，比较幽雅，主要来培养玩家在某方面的 智力和反应能力，此类游戏的代表非常多，比如牌类游戏，拼图类游戏，棋类游戏等等，总而言之，那种玩起来主要靠玩家动脑筋的游戏都可以被称为益智类游戏。图3,图4,图5分别为牌类游戏，拼图类游戏，棋类游戏的典刑代表: 角色扮演类游戏(RPG) 所谓角色扮演类游戏就是由玩家扮演游戏中的主角，按照游戏中的剧情来进行游戏，游戏过程中会有一些解谜或者和敌人战斗的情节，这类游戏 在技术还不算难，但是因为游戏规模非常大，所以在制作上也会相当的复杂。图6为一个典型的角色扮演类游戏: 射击类游戏(Shotting) 射击类游戏在flash游戏中，占有绝对的数L优势，因为这类游戏的内部机制大家都比较了解，平时接触的也较多，所以做起来可能稍微容易点，图7为1个典型的射击类游戏: 素材的收集 图形图象的准备
基于MFC的拼图游戏设计 宋富冉操梦雅 摘要：拼图游戏是一个广受欢迎的智力游戏，按人数参与个数可分为单人游戏和多人游戏，按拼图规则它可分为摆放式和挪动式两种类型。本设计是基于Visual C++ 6.0和MFC的拼图游戏设计，设计了一个操作简单的挪动式单人拼图游戏。本游戏主要包括游戏界面设计、难易度选择、游戏图片选择、游戏系统设计、判断拼图是否成功等几个模块,程序设计中应用了类、数组、鼠标响应、菜单消息响应等元素和语句。此游戏的设计主要以学习和熟悉Visual C++ 6.0和MFC软件开发为主要目的。 关键词：拼图； Visual C++ 6.0； MFC 1.任务描述 1.1 拼图简单介绍 拼图游戏是广受欢迎的一种智力游戏，它的变化多端，难度不一，让人百玩不厌。 个性化的拼图，拼凑的不仅仅是一张照片，而是一个故事，一段回忆，一段温情。每一片的单片都有属于它自己的位置，就像每段回忆都有属于它的故事，你要将它放在专属的地方。你可以把你记忆中最深刻的片段，你挚爱的照片，你最难忘的一瞬间，做成拼图，在你想起的时候一一拼起。 拼图游戏不仅能增强思维能力，提高智力，而且富含哲理，有助于加强我们的动手能力和我们的洞察能力。 1.2 基本设计要求
我们设计的拼图游戏是一个具有简单的系统界面，操作简单易行，上手快，适用于广大用户的小游戏。此游戏分散的小图片的移动规则是小图片会朝着空位置方向移动，玩家在界面上先通过鼠标点击“游戏图片选择”选择要拼的图片，然后通过鼠标左键点击要移动的小图片，小图片会自动移动到原来没有图片的位置，移动时，预备移动的图片旁边必须要有可供移动的位置，直到拼合出原来的图片，并且成功拼成图片后会出现“看来这对你来说太简单了，挑战更高难度吧！”一句话。具体设计要求如下： （1）可以打开并显示.bmp任意大小的图片； （2）游戏开始之后，可以自动随机打乱图片； （3）用户可以点击方块进行上下左右的交换，直到拼出原图片； （4）系统能够自动检测用户是否拼出原图，并提示用户拼图是否成功。 2.系统需求分析 2.1 功能需求分析 （1）用户能用鼠标控制系统界面上各个菜单选项的选择。 （2）游戏难度选择功能：用户可以通过参数设置自定义选择游戏的难度，系统开始默认的是9块，如果用户想挑战更困难的,可以在设置参数设置中进行相应的参数修改，比如4*4=16块、5*5=25块、3*4=12块等。 （3）游戏音乐播放功能：用户可以根据自己的喜好进行选择是否播放音乐，所播放的音乐也是用户根据喜好自己来选择的。 （4）游戏原图显示功能：当玩家在玩游戏过程中忘记各个小图片的整体排列位置时能够进入原图显示功能查看完整图片，参考原图进行拼图游戏，以提高游戏的趣味性。 （5）游戏判断功能：用户通过移动每一小块图片，最终拼出和导入的图片一致时，系统则会判断你拼图成功，并提示“看来这对你来说太简单了，挑战更高难度吧！”这句话。
拼图游戏开发总结报告 1．引言 (1) 1.1编写目的 (1) 1.2项目背景 (1) 1.3定义 (1) 1.4参考资料 (2) 2．开发结果 (2) 2.1产品 (2) 2.2主要功能及性能 (5) 2.3所用工时 (5) 2.4所用机时 (5) 2.5进度 (5) 2.6费用 (6) 3．评价 (6) 3.1生产率评价 (6) 3.2技术方案评价 (6) 3.3产品质量评价 (6) 4．经验与教训 (6) 1．引言 1.1编写目的 本报告为拼图游戏的开发总结报告，目的在于总结项目开发，描述系统是否符合需求。预期参考人员包括用户、测试人员、、开发人员、项目管理者、其他质量管理人员和需要阅读本报告的高层经理。 1.2项目背景 【说明项目来源、委托单位、开发单位及主管部门。】 1.3定义 【列出报告用到的专门术语的定义和缩写词的原文。】
1.4参考资料 【列出有关资料的作者、标题、编号、发表日期、出版单位或资料来源，可包括： a.项目经核准的计划任务书、合同或上级机关的批文； b.项目开发计划； c.需求规格说明书； d.概要设计说明书； e.详细设计说明书； f.用户操作手册； g.测试计划； h.测试分析报告； i.本报告引用的其他资料、采用的开发标准或开发规范。】 2．开发结果 2.1产品 程序名称：PuzzleGame 目标程序字节数：52k 程序总数：20个 产品文档名称：需求分析、软件总体设计、软件单元测试计划、软件测试报告 产品截图如下：
2.2主要功能及性能 2.3所用工时 14个工作日 2.4所用机时 【按所用计算机机型分别计时。】 2.5进度 与实际进度对比有所延迟，因为时间太分散，效率有点低
目录 第1章需求分析 (1) 1.1 引言 (1) 1.2 课程设计题目 (1) 1.3 课程设计目的 (1) 1.4 程序运行环境及开发工具 (1) 1.5 课程设计任务及要求 (1) 第2章概要设计 (2) 2.1 设计原理及方法 (2) 第3章详细设计 (3) 3.1 第一步： (3) 3.2 第二步: (3) 3.3 第三步 (4) 3.4 第四步 (5) 3.5 第五步 (5) 3.6 第六步 (6) 3.7 第七步 (7) 3.8 第八步 (8) 3.9 第九步 (8) 3.10 第十步 (9) 3.11 第十一步 (9) 3.12 第十二步 (10) 3.13 第十三步 (10) 3.14 第十四步 (11) 第4章系统调试与运行结果 (13) 4.1 系统调试 (13) 4.2 运行结果 (14) 第5章总结与体会 (15) 参考文献： (15)
第1章需求分析 1.1 引言 FLASH作为一款目前最流行的网络动画制作软件，恐怕不知道的人少之又少。其实FLASH强大的功能不光能让我们轻松制作动画，我们还可以利用它完成一些意想不到的工作。比如说是拼图游戏，在这个领域应用非常广泛！而且可以制作各种丰富有趣的小游戏来，是非常的有趣的！ 1.2 课程设计题目 拼图游戏设计 1.3 课程设计目的 本课程的设计的目的是通过实践使同学们经历多媒体应用系统开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的案例，理解并初步掌握常用多媒体软件的使用，利用多媒体计算机等设备进行音频与视频数据的获取和处理、图像处理与图像文件格式转换、超文本超媒体在交互式多媒体软件的应用；通过《多媒体课程设计》实验，使学生能够达到提高多媒体技术的实际开发应用能力，了解系统分析、系统设计、系统实施的主要环节和步骤以及软件文档的制作过程。 1.4 程序运行环境及开发工具 硬件：PC机一台 软件：Windows 7，PhotoshopCS4，Flash8 1.5 课程设计任务及要求 设计“拼图游戏”，游戏是Flash制作中很重要的一部分，主要应用的是flash内
拼图游戏项目策划书 制作目的： 了解掌握authorware软件，学会制作一些简单的，有意思的作品。 制作人员：詹灵龙、王鑫、毛宗谱、王龙飞 制作班级寝室：08电科7栋351寝室 1-1 创建多媒体项目 （1）启动authorware，弹出如图1-1所示的对话框，单击“不选”按钮，新建一个空白的多媒体项目。 图1-1 （2）使用快捷键ctrl+I，在名称栏中输入“拼图游戏”字样，在“大小”下拉列表中选择“800*600”选项，调整演示窗口的大小。在“选项”区域中勾选“显示标题”，“显示菜单”和“屏幕居中”选项，其他保持默认，如图1-2所示。
图1-2 1-2删除默认菜单 （1）在设计栏中拖动一个交互图标到设计流程图中，并命名为“file”。 （2）继续在流程图窗口中的交互图标右侧添加一个群组图标。（3）在弹出的对话框中，选择“下拉菜单”选项，将该交互图标定义为“下拉菜单”，单击“确定”按钮，把交互图标命名为“覆盖file”，如图1-3所示。 图1-3 （4）在设计流程图中选择“覆盖file”交互图标，使用快捷键ctrl+I，在弹出的属性面板中单击“响应”标签，在范围选项区中勾选“永久”选项，在分支下拉列表中选择“返回”，如图1-4： 图1-4 （5）在设计图标栏中拖动一个擦除图标到流程图中，并命名为“删
除”。 （6）在流程图中双击刚刚创建的“删除”图标，在打开的演示窗口中单击菜单栏“file”菜单，定义删除的对象，如图1-5所示： 图1-5 1-3制作游戏的解释文字 （1）从设计图标栏中拖动一个显示图标到设计流程图中，并命名为“解释文字”。 （2）双击创建的显示图标，在演示窗口中使用绘图工具箱中的文字工具，如图1-6所示，在演示窗口中输入内容如下： 使用鼠标拖动9个图块，拼合成一个完整的图像 可以通过“选择”图像菜单下的“完整图像”命令预览最终图像。 、
………………………………………………………………………………………………………………………………………………………… 第8单元 flash 实例制作拼图游戏 学习目标：学会对图像分割处理，简单设置动作代码 学习难点：设置动作代码 学习资源：图像若干，鼠标拖动代码 复习：自由落体与小球碰撞动画。 新课： 一、展示拼图游戏动画 教师演示拼图游戏动画的例子，分析图像块是放在右边区域，位置是随机的。图像块的拖动需要代码实现。 二、制作 将舞台设置为800*600。图像分割：选中一张自己喜欢的图像，拖到舞台上，将图层改为图块层，设置图像大小为300*300，位置x,y 都设置为0。将图像分离，增加一层（改为分割层），在其中画直线，将图像分成 9块，打开标尺，尽量分成一样的 大小。然后将所有直线复制到图块 层（粘贴到当前位置），这样图像 就被分成了9块。将图块拖到右边 空白区域，删除分割线。选中第一块图像，将其转换成影片剪辑元件， 复备区
………………………………………………………………………………………………………………………………………………………… 命名为t1。同样对其它8个图块也作这样的设置(t2-t9)。 选中此影片剪辑，在下面的属性中，在实例名称处输入t1。同样对其它8个图块也作这样的设置(t2-t9)。 选中t1影片剪辑，单击动作，将影片剪辑鼠标拖动代码复制过来。 on (press) { startDrag(this); } on (release) { stopDrag(); } 同样对其它8个图块(t2-t9)也作这样的设置。 再增加一层，改为背景，将图像拖进来，改为300*300，x,y 为0，转换成图形元件，并将alpha 设置为10%。 回到分割层，沿着图像加个四边形，去除多余的线，形成9个方格区域。选中方格将线条粗细改为3。 图块随机排放：增加一层，选中空白关键帧，单击动作，将随机排放代码复制过来。 stop(); for (i=1; i<=9; i++) { eval("t"+i)._x = random(300)+400;//随机设置图块的位置于场景一定区域内 eval("t"+i)._y = random(450)+50; } 保存测试。 三、小结
《VB制作拼图游戏：简单算法》1、首先按照截图把控件添加好！ （技巧：ＰＳ处理３２２＊３２２的图片，划分切块，形成九个小图片，这里采用的是Ｊｐｇ格式，然后采用Ｃｏｍｍａｎｄ按钮来显示这些图片，同学们也可以采用Ｌａｂｅｌ，是一样的，重点是鼠标单击事件！注意：添加九个Ｃｏｍｍａｎｄ按钮，一定要设置每个按钮的Ｈｅｉｇｈｔ、Ｗｉｄｔｈ、Ｔｏｐ、Ｌｅｆｔ值来完成对图片的吻合拼接，这样可以使界面看起来美观大方！） ２、界面的设计 这里很多同学习惯更改Ｃｏｍｍａｎｄ的Ｃａｐｔｉｏｎ值来显示某些文本，但要注意，你
这里很可能为了美观会使用自己机子上单独安装的某些字体，这些字体拿到其他机子上是不生效的，那么怎么办呢？这里有个比较“笨拙的方法”——你可以利用Ｗｏｒｄ工具打好想要显示的文本，设置个性字体，然后截图，插入到Ｃｏｍｍａｎｄ上面，这样的话，无论是什么字体，都可以显示了，因为图片的属性是无法更改的！这个方法同样可以用来美化Ｌａｂｅｌ！当然了，自己究竟怎么样设计，就靠想象力了，最终得到的效果是要有一个美观、简洁大方的界面！ ３、算法设计（全部代码） Dim Num As Integer Private Sub Command1_Click() If Command2.Picture = Command11.Picture Then Command2.Picture = Command1.Picture Command1.Picture = Command11.Picture End If If Command4.Picture = Command11.Picture Then Command4.Picture = Command1.Picture Command1.Picture = Command11.Picture End If End Sub Private Sub Command11_Click() MsgBox ("开发者：孔世明" & vbCrLf & "学院：信息科学与技术学院" & vbCrLf & "专业：
如何使用ppt制作图片拼图游戏 篇一：教你如何做拼图游戏 （1）准备一张图片，长和宽是比较好的整数像素点，例如800*500等，以下面这幅图为例，将它水平分4份，垂直分4份（2）使用图片拆分器对图片进行 调整好数据，这个软件会把拆分结果，直接放到图片所在文件夹处，点下“等比拆分” （3）结果如下 （4）打开Dreamwaver，这里用的是CS5 （i）设置站点，这里的图片放在pingtu/img里面 （ii）建立网页，以pingtu.html为名 打开辅助功能 打开显示网格功能 这里介绍一下“网络设置”的两个属性，其他明显易懂 靠齐到网格：拖动或修改apdiv盒子时会发现网格有吸附功能间隔：主要控制网格的大小 绘制拼图区域，点击图中图标可快速绘制apdiv 点击之后，鼠标变成十字心，随便画一个apdiv再修改它的高和宽分别为500和800像素 为了使效果更好些，我们找了一张木板作为背景图片，最终效果如下
拆分后每个拼图单位为200*125的 再画16个200*125的apdiv将各个拼图单位插入，最终效果如下： 添加行为：所谓行为，可以看做是用户通过鼠标和网页的元素间进行的互动的方式，这里介绍其中一种。 篇二：拼图游戏制作 [教學]拼圖遊戲的製作你會了嗎? A. 在Photoshop裡先製作出拼圖的切圖動作 步驟一.選擇"切圖選取工具"後選擇"分割"選項 步驟二.自己隨意切割數量 步驟三.在檔案下選取"儲存為網頁用" 步驟四. 1.選JPEG 2.按儲存後會出現"另存最佳化檔案"的視窗 3.存檔類型:HTML和影像 4.切片:全部切片 5.自己開一個資料夾 6.檔名自取 7.儲存 註:存完後會發現建立的資料夾裡會出現一個HTML檔和一包"images"的資料夾 B.在Dreamweaver下完成拼圖的製作
3.拼图游戏的制作(教案) 一、基本信息 作者 3 奖级课时10分钟教材 二、教学过程 环节教师学生时间授课思路 创设情境 教师通过拼图游戏这个案例，引导学习复习上节课所 学习到的APDIV元素和拖动AP元素，并为这节课下面 学习的内容进行铺垫与开启教学。 在这个过程中教师主要通过提问、引导、操作例子来 进行授课过程。 学生 通过 聆听 复习 及回 答问 题。 3分 钟 用例子和 话语吸引 学生的思 考。 新课讲解与实践操作 教师通过使用Dreamweaver软件来实际操作，制作 拼图游戏，并通过制作讲解APDIV元素和拖动AP元素 的使用方法。 这个过程中教师主要通过实际操作、解说、提问引导 的方式来进行授课。 学生 观察 操作 步骤， 思考 回答 问题。 5分 钟 用实践操 作的方法 让学生深 刻体会操 作过程， 并通过提 问引导的 让是让学 生跟着老 师思路学 习。 解决问题总结知识实际过程中常遇到问题解决： 我们用到的主要是拖动AP元素这一行为，但是现在， 同学们观察一下，老师点击它却没有反应，难道是这个软 件出了问题？有很多学生做到这一步的时候遇到很多的 困惑，他们都会跟老师说，它是没有的，那么同学们，老 师在这里强调一下，这个软件呢并没有问题，它的行为也 是可以用的，只是我们在添加这个行为之前，一定点击窗 口的空白处，才能够进行行为的添加。 教师总结这节课知识点： 第一就是AP DIV层的绘制以及属性的基本设置， 第二就是掌握拖动AP元素的运用； 第三就是拼图游戏的制作流程。 学生 观察 并思 考问 题解 决方 法，总 结归 纳这 节课 知识 点。 2分 钟 解决实践 操作中常 遇到问 题，解决 学生疑 惑，总结 本节课重 点知识。
毕 业 论 文（设计） 题目拼图大世界专业计算机应用技术 姓名 年级 03计机高级工班 指导教师
前言 多媒体技术是当前计算机科学与技术领域的热点技术，它诞生于20世纪80年代，在20世纪90年代获得突破性的发展，并获得广泛的应用。多媒体技术使计算机具有综合处理文本、声音、视频、图形、图像的能力，它的迅速发展已经深刻影响、改变着人们的生活、工作方式。多媒体的应用丰富多彩，不仅涉及计算机的各应用领域，也涉及教育培训、电子出版、通信、文化娱乐等领域或行业。多媒体计算机技术正朝着高分辨率、高速度、简单化、标准化和智能化方向发展。 Authorware是功能强大的交互式多媒体软件，被广泛应用于多媒体教学和商业领域，在多媒体制作与发展领域有着举足轻重的地位。它能完美地结合文本、图形、音频、视频以及动画等素材，制作出精美的、跨媒体的学习软件、应用软件等，然后通过互联网、局域网或光盘等多种载体进行发布。基于以上原因，Authorware正在被越来越多的多媒体工作者使用。 拼图游戏相信大家都不会陌生，现在我们不妨利用Authorware来制作一个拼图游戏，借此切身体会Authorware 的强大交互设计。现在网络上有各式各样的拼图游戏，其中有用Authorware、flash、Animated Puzzles等做的拼图游戏，如Dreamweaver中有一个行为叫Drag layer (拖动层),用它也可以设计出拼图游戏。而在这里我要为大家做的是用Authorware制作拼图游戏。这个拼图游戏的特战在于，颜色鲜艳，采用静、动相结合的方式，在页面里加入了大量的flash 动画、GIF动态图片，从而令到页面更生动。还有一关于拼图的历史文化信息，游戏玩家可在闷时阅读。 希望大家在通过玩这个游戏，令大家情开朗、愉快，能让大家流连忘返。 - 2 -
用Flash制作拼图游戏,制作flash拼图游戏 https://www.doczj.com/doc/989658438.html,/aatd/blog/item/32a4d2a26ef0a6adcbefd07c.html 首先，让我们来构思一下游戏的大致样子：画面上散落着N多块碎图片，透过这些碎图片我们可以隐约看到后面的一块方形的区域，然后在屏幕的右边赫然写着几个大字——简易拼图游戏。OK，构思完毕，下面我们就开做吧。 一、制作图块 1．拼图拼图，没图怎么做拼图呢？所以，我们得先找张图片过来，并将其导入到Flash中。 选择File>Import，导入要做为拼图素材的图片。 2．选中刚刚导入的图片，选择Modify>Transform>Scale，将图片的大小重新进行调整。 3．调整完图片大小后，按Ctrl+B将其打散。 4．选择直线工具，在图片上画个十字，将图片分为四块。因为本例只是要介绍制作拼图的原理，所以这里就只做四个图块。 5．按Ctrl+Alt+Shift+R，显示标尺，然后从标尺上拉出线重合。 6．按Ctrl+Alt+；锁定引导线。接着按住Ctrl键然后用鼠标在四条黑线边界的中间拉出一个拐点。 7．再次按住Ctrl键将突起的两端拉回，形成一个小三角（如图1）。 8．使用鼠标将小三角变形成小圆弧（如图2）。 图2 9．单击选中左上角的那块图片，按F8弹出元件属性对话框。在Name中输入g1，然后将Behavior选为Graphic，单击OK后将所选图片转化为图形元件g1。
同样地，将剩下的另外三块图片使用同样的方法分别转化为图形元件g2、g3、g4。然后将刚才用来分割图片的黑线删除。 10．选中g1、g2、g3、g4四个元件，按Ctrl+C拷贝一份。 11．按Ctrl+V将刚才复制的元件粘贴上来。 12．单击选中g1，按F8弹出元件属性对话框。在Name中输入b将Behavior 选为Button，单击OK后将所选元件g1转化为按钮元件b1。 同样地，将剩下的另外三块图片使用同样的方法分别转化为按钮元件b2、b3、b4。 13．单击选中b1，按F8弹出元件属性对话框。在Name中输入m1，然后将Behavior 选为Movie Clip，单击OK后将所选元件b1转化为影片剪辑m1。 同样地，将剩下的另外三块图片使用同样的方法分别转化为影片剪辑m2、m3、m4。至此，所需的图块已全部制作完成。接下去该是做游戏的背景了。 二、制作背景 1．将当前层的名字改为“图块”。在当前层的下面再新建一层并取名为“背景”。 2．选中刚才复制出来放在一边备用的的群组对象，按Ctrl+X剪切之。 3．选中“背景”层，按Ctrl+V，将图片对象粘贴到这一层上。 4．双击群组进入编辑状态，选中所有图形元件。按Ctrl+I打开实例面板，将Behavior改为Movie Clip（如图3）。 图3 5．选中左上角已变为Movie Clip的g1元件实例，在实例面板的Name中输入d1。同样的，分别将剩余的三块元件命名为d2、d3、d4。 6．选中所有元件，选择Window>Panels>Effect，打开效果面板。从列表中选择Tint效果，然后把Tint Color设置为黑色。 7．换上文字工具，在舞台的右边书上“简易拼图游戏”。 8．锁定“背景”层。
拼图游戏的制作过程 1-1创建多媒体项目 （1）启动authorware，弹出如图1-1所示的对话框，单击“不选”按钮，新建一个空白的多媒体项目。 （2）使用快捷键ctrl+I，在名称栏中输入“拼图游戏”字样，在“大小”下拉列表中选择“800*600”选项，调整演示窗口的大小。在“选项”区域中勾选“显示标题”，“显示菜单”和“屏幕居中”选项，其他保持默认。 1-2删除默认菜单 （1）在设计栏中拖动一个交互图标到设计流程图中，并命名为“file”。（2）继续在流程图窗口中的交互图标右侧添加一个群组图标。（3）在弹出的对话框中，选择“下拉菜单”选项，将该交互图标定义为“下拉菜单”，单击“确定”按钮，把交互图标命名为“覆盖file”。（4）在设计流程图中选择“覆盖file”交互图标，使用快捷键ctrl+I，在弹出的属性面板中单击“响应”标签，在范围选项区中勾选“永久”选项，在分支下拉列表中选择“返回”。 （5）在设计图标栏中拖动一个擦除图标到流程图中，并命名为“删除”。 （6）在流程图中双击刚刚创建的“删除”图标，在打开的演示窗口中单击菜单栏“file”菜单，定义删除的对象。 1-3制作游戏的解释文字 （1）从设计图标栏中拖动一个显示图标到设计流程图中，并命名为
“解释文字”。 （2）双击创建的显示图标，在演示窗口中使用绘图工具箱中的文字工具，在演示窗口中输入内容如下： 使用鼠标拖动9个图块，拼合成一个完整的图像 可以通过“选择”图像菜单下的“完整图像”命令预览最终图像。（3）使用文字工具，选中所有的文字，将文字选为宋体，36号字。（4）使用选择工具，选中文本框对象，修改文字颜色为红色，并将其一道合适的位置上。 （5）保持对该对象为选定状态，选择窗口-面板-属性命令在弹出的面板中单击“其他”按钮（带‘…’字样）。 （6）在弹出的对话框中，选择“小矩形变化”的变化方式，单价确定按钮定义文字的转化方式。 （7）拖动一个等待按钮到流程图中，并命名为“等待”。 （8）双击刚刚添加的等待按钮，在等待属性面板中勾选掉“按任意键”和“显示按钮”，选择“鼠标单击”选项。 （9）拖动一个擦除图标到流程图中，并命名为“删除解释文字”。（10）双击刚刚创建的擦除图标，在弹出的演示窗口中单击“解释文字”对象，定义删除的对象。 1-4导入拼图游戏的图块对象 （1）从设计栏中拖动一个群组图标到设计流程图中，并命名为“图块”。 （2）双击刚刚添加的群组图标，将该图标的流程图窗口打开，选择
第7课制作拼图游戏 ——图像的移动与变形 【学习目标】 1.初步学会用画图软件制作拼图游戏。 2.初步学会图像的移动与变形制作方法。 3.进一步培养学生动手操作能力，培养学生认真学习计算技术的积极性。 4.让学生在学习中深刻体会到：计算机是重要的学习与工作工具而不仅仅是玩具。 5.让学生在学习过程中养成良好的操作习惯于学习习惯。 【学习重点】画图软件的熟练御用以及Shift与Ctrl键的熟练运用。 【学习难点】利用画图软件进行图像的移动与变形操作。 【课题引入】 同学们，上节课我们学习了画图软件的操作方法。你们还记得多少知识呢？怎么打开该软件？这节课，我们继续学习该软件的一个重要应用。那就是：（展示课题）同学们玩过拼图游戏吗?这是项很有益的活动，它帮助玩家学习运用逻辑解决问题，能够锻炼人的耐心、细心、专心、恒心以及观察能力。 下面，让我们用画图软件制作一一个以校园风采为题材的拼图游戏吧! 【展示问题】 先看看我们本节课需要面对的四个问题： (1)怎样用画图软件制作个拼图游戏呢? 如何将一幅图片打散成碎片? (2)我想提供样图，还想将样图和拼图放在同一画面中，便于玩家拼图。这个想法可以实现吗? (3)我想制作难度不同的拼图，供不同水平的玩家选择。如何控制拼图难度? (4)如何得到校园风采图片?可以自己拍摄吗? 【双边活动】画活动过程 一、规划拼图游戏制作及游戏流程 1.回忆思考 曾经玩过的拼图游戏是如何制作的? 2.小组讨论交流
怎样用画图软件制作拼图游戏?需要准备什么材料? 制作中可能会遇到什么问题? 游戏的难度怎样才能适中，既不会太难使玩家无从下手，又不会太容易没有挑战性? 若要提高游戏难度，可以怎样做? 3.确定制作游戏流程 二、尝试独立制作拼图游戏 通过实地拍摄或向老师求助获得校园图片，制作拼图。 1.选择拼图原图，用画图程序打开 在素材中寻找一幅喜欢的图，作为拼图原料，并用画图程序打开。打开文件可使用以下两种方法。 方法1:启动“画图”软件，单击“画图”按钮，选取“打开”命令，在“打开”对话框中选取素材文件夹中的相应文件。（找到“画图”软件的方法也可以在桌面开始栏目的搜索栏输入画图二字再点击搜索即可） 方法2 :在资源管理器中打开素材文件夹，鼠标右击图片，在弹出的快捷菜单中选择“打开方式”为“画图”，（老师操作演示，学生效仿） 2.制作缩略图 (1)扩大画纸 拖动绘画区边缘的控制点，把画纸调大，为拼图留出空间。 (2)制作缩略参考图 打乱原图前，可保留一份缩略图，作为玩家拼图时的参考图。制作时，可运用复制-粘贴的方法制作份图形副本，然后将副本缩小。 (A)作副本 如何在“画图”中复制粘贴图形呢?回忆第一-单元对藏宝图的复制一 -粘贴操作，方法是相通的。 使用“选择”工具，按“选定”-“复制” -“粘贴”步骤，获取图形副本。 （教师操作示范，学生效仿操作过程）如图所示：
拼图游戏案例的设计 摘要：拼图游戏的设计，首先考虑窗口布局，因为在窗口的上部需要边界布局，而 那二十五个小按钮需要采用网格布局，因而直接将组件添加到Jframe窗口中是不可行的，可以通过将窗口上部和下部的组件分别添加到两个面板Jpanel中，将两个面板加到Jframe窗口中。然后实现图片的随机排放，通过循环生成图片正确摆放顺序的二维数组和图片随机摆放顺序的二维数组来实现。最后，实现图片的移动，通过两个按钮的行索引想减得绝对值与列索引想减得绝对值的和是否为1，来判断被点击按钮与空白按钮是否相邻，如果相邻，则令显示空白图片的按钮显示被单击按钮显示的图片，令被单击的按钮显示空白的图片。 关键字：Java软件拼图游戏Jpanel面板 引言：拼图游戏是一种弹性很好且耐玩的游戏，它可以启发智力及帮助其养成解决 事情的能力。玩拼图有助于手眼协调，它能训练和了解“部分”与“全部”的关系—可以知道许多的“部分”能拼凑出一个“全部”，以及“一个全部”是由“许多部分”所组成的。拼图平面组合的概念—积木是立体的组合，而拼图是一种平面组合的概念，在局限的2D范围内拼出一个物品，一个合乎与逻辑的东西。拼图游戏需要耐心的操作和手眼协调能力，只要一不协调就不能将数据块放在正确的位置。 一基础知识 JButton(按钮)组件：通过SetText(String text)方法设置按钮的标签文本，通过setIcon(Icon defaultIcon)方法设置按钮在默认状态下显示的图片。JButton组件只是在按下和释放两个状态之间进行切换，当Button按钮被点击时，会触发ActionEvent事件，此事件由ActionListener（事件监听器）接受并做处理，因而调用按钮的addActionListener(ActionEvent e)方法，为该按钮指定监听者。 Jlabel(标签)组件：Jlabel组件用来显示文本和图像，通过setText(String text)方法设置标签显示的文本，通过setIcon(Icon icon)方法设置标签显示图片。BorderLayout布局管理器：由BorderLayout类实现的布局管理器称为边界布局管理器，它的布局方式是将容器划分为五个部分，即NORTH（容器顶部）、WEST（容器左侧）、CENTER(容器中间)、EAST（容器右侧）、SOUTH（容器底部）。如果组件容器采用了边界布局管理器，在将组件添加到容器时，需要设置组件的显示位置，通过方法add(Component comp,Object constraints)添加并设置，该方法的第一个参数为欲添加的组件对象，第二个参数为组件的显示位置。 GridLayout布局管理器：由GridLayout类实现的布局管理器称为网格布局管理器，它的布局方式是将容器按照用户的设置平均划分成若干网，通过构造方法GridLayout(int rows,int cols)创建网格布局管理器对象是，参数rows用来设置网格的行数，参数cols用来设置网格的列数。 JPanel面板：如果将所有的组件都添加到Jframe窗体提供的默认组件容器中，则在一个界面中的所有组件只能采用一种布局方式，很难得到一个美观的界面，并且有些布局方式只能管理有限个组件。通过使用Jpanel面板，首先将面板和组件添加到Jframe窗体中，然后再将子面板和组件添加到上级面板中，这样就可以向面板中添加无数个组件，并且通过对每个面板采用不同的布局管理器，解决众多组件间的布局问题。Jpanel面板默认采用FlowLayout布局管理器。 Java程序的Application类型：特点是“Java应用”是可以独立运行的java程序。需要经过三个步骤：编写源文件，一个java应用程序必须有一个类含有public static void main (String args[])方法，这个类是应用程序的主类，源文件的名字和主类的名字完全相同。编译java源程序，创建源文件后，就要使用编译器（javac.exe）对其进行编译。运行java程序，从主类的main方法开始执行。 二拼图游戏设计思路与步骤 题目要求：所谓拼图游戏，是指将一个完整的图片分割成若干个规则的小图片，然后将这些小图片随机地拼接在一起，然后由玩家按照原图重新拼接出正确的图片。程序运行界面如下图所示，左上角的图片为供玩家参考的原图，下面每一个小网格都是一个小图片，在开始游戏时这些小图片是杂乱无章的，在图中有一个网格是空白的，玩家可以通过单击与其相邻的网格，即位于其上、下、左、右的四个网格，将被单击网格中显示的小图片移动到空白网格中，然后被单击的网格将变为空白，经过这样反复的移动，将会将图片重新拼接成原图像。当点击按钮“下一局”时，每个移动模块中的图片自动随机更新。 第 1 页共6 页第 2 页共6 页
目录 1 开发环境及相关技术的介绍 (1) 1.1 开发环境 (1) 1.2 Java语言特点 (1) 2 游戏实现功能解析及界面 (1) 2.1游戏规则介绍 (1) 2.2游戏实现功能 (2) 2.2.1主窗口界面 (2) 2.2.2主窗口菜单 (3) 2.2.3 游戏过程中的出现的相关窗体 (6) 3 游戏程序实现 (8) 3.1 程序类主要功能介绍 (8) 3.2 程序源代码 (9) 4 小结 (27)
基于Java的拼图游戏设计 1 开发环境及相关技术的介绍 1.1 开发环境 操作系统：Microsoft Windows XP 程序语言：Java 开发环境：JDK-6u6-windows-i586-P 1.2 Java语言特点 1）. 平台无关性 Java引进虚拟机原理，并运行于虚拟机，实现不同平台之间的Java接口。Java的数据类型与机器无关。 2）. 安全性 Java的编程类似C++,但舍弃了C++的指针对存储器地址的直接操作，程序运行时，内存由操作系统分配，这样可以避免病毒通过指针入侵系统。它提供了安全管理器，防止程序的非法访问。 3）. 面向对象 Java吸收了C++面向对象的概念，将数据封装于类中，实现了程序的简洁性和便于维护性，使程序代码可以只需一次编译就可反复利用。 4）. 分布式 Java建立在TCP/IP网络平台上，提供了用HTTP和FTP协议传送和接收信息的库函数，使用其相关技术可以十分方便的构建分布式应用系统。 5）. 健壮性 Java致力与检查程序在编译和运行时的错误，并自动回收内存，减少了内存出错的可能性。Java取消了C语言的结构、指针、#define语句、多重继承、goto语句、操作符、重载等不易被掌握的特性，提供垃圾收集器自动回收不用的内存空间。 2 游戏实现功能解析及界面 2.1游戏规则介绍 1）本游戏是一个Java语言的拼图游戏，有一个格子是空的，其他格子内随
Scratch制作九宫格拼图小游戏随记接触这个软件纯属偶然，制作这个小游戏也是偶然。 感谢相关领导给我参加八月培训的机会，这是我第一次接触scratch这个软件。甚至在参加正式培训之前，虽然已经按照要求下载并安装，但还是没用心动手去实践，只知道这是一款可视化的编程软件，类似年初接触的Mixly软件，但应该比之更简单。 培训期间动手跟着做了几个小作品，开学之后，又针对其中的两个游戏垃圾分类和打地鼠（我称为打地猫）进行了完善，并分别升级到1.0版本和2.0版本。 开学之后因为教学任务较重，停了一段时间。进入十月之后，又陆续做了几个主题的制作。首先是参加区级学校教研的时候，所听的教学内容是VB冒泡排序法。不知为何课堂之上我就动了用scratch制作实现冒泡排序法的念头，还好经过查找资料和研究，得以实现。接着鬼使神差想做推箱子，百度一下（中国人，用国货），感觉难度特别大，要制作箱子，还要PS背景，有点浅尝则止了。只是借鉴腾讯视频上的两个视频，做了一些简单的制作，比如角色的推动。但是考虑到如果要把游戏做成闯关级别，难度很大，于是就没有深究，甚至连如何让箱子在指定区域内出现时不重叠，也没实现。正是因为这个如何让箱子随机出现在指定的坐标区域，让我产生了制作拼图的想法。 起初，也只是有最初的想法，并没有整体的设计，却有个不成为的规定，要做就做一个大点的，值得玩的游戏——天平座的人，就是这么作践自己，哎！ 最初的想法，就是想做一个给自家小朋友玩的游戏，所以开始着手制作的时候，就选择了小朋友熟悉的图案——来自小马宝莉家族的云宝。 九宫格拼图，就是将图案的九个小片，随机分布在九宫格中，通过点击邻近的两个小图，实现位置互换，最终使得九张小图片都在相应位置的时候，操作成功，恭喜，you’re win.想当年大学时候，俺就用Authorware制作过类似的拼诗游戏。 说干就干，摸着石头过河，一步一个脚印，问题一个一个解决，one by one！ 第一步：如何把图一分为九 Photoshop这个软件，虽不能说熟练掌握，但还是能熟悉操作的。可如何把图一分为九，而且是平分九块，还是有些棘手。如果是土办法，一块一块切，大小可以一致，但是拼起来就不一定能吻合了。 知之为知之，不知为不知，做人要谦虚，果断又百度一下，果然找到了办法，用PS中的“切片工具”，乖乖，认识这么久，我第一次如此印象深刻的记得这个工具，顺利搞定。 Photoshop切片工具云宝图片平分九块 第二步：九个小图片如何随机分布在九宫格上 本着着眼未来的思想，本人并不想把九个小图作为九个独立的角色存在，所以就必须用到克隆。 不（no）作（zuo）不（no）死（die），如果是每个小图片作为一个角色，随机分布，应该不难（九个独立的角色，可以利用随机数，每个数对应一个坐标位置，分别将每个小图片角色移动到相应位置。（详见下文克隆后放置））。而今是克隆体随机分布，而且是不能重复，好像就有些麻烦了。我这个脑子，书到用时方恨少。