文档库 最新最全的文档下载
当前位置:文档库 › HTML5 CANVAS拼图游戏代码

HTML5 CANVAS拼图游戏代码

HTML5 CANVAS拼图游戏代码
HTML5 CANVAS拼图游戏代码

数字拼图游戏

安徽新华学院计科软件测试方法和技术 课程设计任务书 一、设计题目:数字拼图游戏(出题人:於世芳) 说明:一个拼图游戏。 二、目的与要求 1.目的 培养学生综合利用JAVA语言进行程序设计的能力,主要是培养学生利用JAVA的标准控件进行应用程序设计的技能。 2.基本要求 ?能够实现拼图功能。 ?可以通过初始化任意次的重新游戏。 ?游戏完成后做出相应提示. 3.创新要求 在基本要求达到后,可以参考其他拼图游戏,进行创新设计,创新方向提示如下: ★将数字换成图片。 ★可以记录游戏者成绩并排行 ★增加暂停功能或窗口最小化时暂停计时。 三、设计方法和基本原理 1.问题描述 程序界面见题图。 2.问题的解决方案 ①设计程序界面 因为用的全是基本控件,界面设计没有什么难度,这里涉及到动态添加控件数组,可参见课本控件数组一节内容。 ②编写代码 代码包括事件处理过程和功能函数,还有必要的声明。变量声明部分声明本程序所需要的变量和数组。

事件处理包括下面的主要事件: Form_Load() 作一些初始化的工作。主要是设定初始等级,动态添加控件数组。 Private Static Sub cmdButton_MouseDown(Index As Integer, Button As Integer, Shift As Integer, X As Single, Y As Single) 游戏运行。 cmd_Click( ) 游戏初始化 其它功能的处理不再一一描述了 四、主要技术问题的描述 虽然界面操作有些复杂,但难点显然并不在于此。下面是初始化设置中的一段程序:package { import flash.display.Sprite; import flash.events.MouseEvent; import flash.events.Event; import flash.text.TextField; //import mx.controls.Alert; public class Main extends Sprite{ var arr:Array=new Array(1,2,3,4,5,6,7,8); var ditu:Array=new Array(new Array(3),new Array(3),new Array(3)); var pailie:Array=new Array(new Array(0,0),new Array(40,0),new Array(80,0), new Array(0,40),new Array(40,40),new Array(80,40), new Array(0,80),new Array(40,80),new Array(80,80));

java课程设计-拼图游戏代码

package love; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.util.Random; import javax.swing.*; public class Games extends JFrame implements ActionListener { private JButton buttons[][];// 存储按键的数组 private Container container;// 一个容器 private GridLayout layout;// 布局方式为GridLayout private int count = 0, is[] = new int[8];// count的作用是计算按键移动的次数,is[]储存一个随机产生的1到8数字数组 public Games() { super("拼图游戏");// 设置标题 layout = new GridLayout(3, 3);// 3行3列 container = getContentPane();// 该容器的布局方式,及其重要,否则产生空引用异常 container.setLayout(layout);// 将该布局方式作用于容器 buttons = new JButton[3][3];// 给按键数组分配储存空间 int locate1, locate2;// locate1用来指示当前产生的元素 locate2用来指示locate1之前的元素 for (locate1 = 0; locate1 < 8; locate1++) {// 该方法作用是产生1到8这8个数,随机分配给数组,即无序排列 int g = new Random().nextInt(8) + 1;// 随机产生一个空白按键,即不显示的那个 is[locate1] = g; for (locate2 = locate1 - 1; 0 <= locate2; locate2--) { if (is[locate1] == is[locate2]) break; } if (locate2 != -1) locate1--; } int temp = 0; int r = new Random().nextInt(3);// 随机产生一个0到3的数,代表空白按键的行 int l = new Random().nextInt(3);// 随机产生一个0到3的数,代表空白按键的列 for (int i = 0; i < 3; i++) { for (int j = 0; j < 3; j++) {

Flash游戏制作

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个典型的射击类游戏: 素材的收集 图形图象的准备

VB制作拼图游戏

《VB制作拼图游戏:简单算法》1、首先按照截图把控件添加好! (技巧:PS处理322*322的图片,划分切块,形成九个小图片,这里采用的是Jpg格式,然后采用Command按钮来显示这些图片,同学们也可以采用Label,是一样的,重点是鼠标单击事件!注意:添加九个Command按钮,一定要设置每个按钮的Height、Width、Top、Left值来完成对图片的吻合拼接,这样可以使界面看起来美观大方!) 2、界面的设计 这里很多同学习惯更改Command的Caption值来显示某些文本,但要注意,你

这里很可能为了美观会使用自己机子上单独安装的某些字体,这些字体拿到其他机子上是不生效的,那么怎么办呢?这里有个比较“笨拙的方法”——你可以利用Word工具打好想要显示的文本,设置个性字体,然后截图,插入到Command上面,这样的话,无论是什么字体,都可以显示了,因为图片的属性是无法更改的!这个方法同样可以用来美化Label!当然了,自己究竟怎么样设计,就靠想象力了,最终得到的效果是要有一个美观、简洁大方的界面! 3、算法设计(全部代码) 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 & "专业:

Flash拼图游戏制作课程设计报告

目录 第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内

Java语言实现拼图游戏源代码

Java语言实现拼图游戏源代码 /* * JA V A小游戏-拼图我做的第一个小游戏 * Cell类是继承的按钮类,并加上相应图形,形成方格 *MyCanvas是一个面板,加载Cell类的对象(方格),是这三个类中的核心*/ import java.awt.Rectangle; import java.awt.event.MouseEvent; import java.awt.event.MouseListener; import javax.swing.Icon; import javax.swing.ImageIcon; import javax.swing.JOptionPane; import javax.swing.JPanel; import java.awt.BorderLayout; import java.awt.Button; import java.awt.Choice; import java.awt.Color; import java.awt.Container; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.Icon; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JOptionPane; import javax.swing.JPanel; import javax.swing.Icon; import javax.swing.JButton; public class MyMainFrame extends JFrame implements ActionListener { MyCanvas myCanvas; JPanel panelNorth,panelPreview;//定义上方的面板,及预览所需的面板Button start,preview,set;//定义开始,预览,设定按钮 Container container;//容器,得到内容面板 public MyMainFrame() {//初使化 container=this.getContentPane(); start=new Button("开始"); start.addActionListener(this); preview=new Button("预览");

第8单元flash制作拼图游戏

………………………………………………………………………………………………………………………………………………………… 第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; } 保存测试。 三、小结

数字排序拼图游戏

数字排序拼图游戏 【摘要】:Java语言的学习热潮并没有因为时间的推移而消退,相反,由于计算机技术的发展所带来的新应用的出现,Java越来越流行,这种情况是以往程序设计语言在其生存周期内所不多见的。Java语言之所以这样长盛不衰,一是因为其众多的技术特点与现今的应用十分合拍,可以覆盖大部分的需求;二是因为SUN公司不断推出新的版本,完善Java自身的功能。有了这两点,Java语言成为程序员首选的程序设计开发工具就在情理之中了。 【关键字】:Java;发展;程序设计 一引言 现代科学技术的发展,改变了人类的生活,作为新世纪的大学生,应该站在时代发展的前沿,掌握现代科学技术知识,以适应社会的发展,能够独立完成面临的任务,作为一名有创新意识的新型人才。 拼图游戏是广受欢迎的一种智力游戏,它的变化多端,难度不一,让人百玩不厌。个性化的拼图,拼凑的不仅仅是一张照片,而是一个故事,一段回忆,一缕温情。每一片的单片都有它自己的位置,就像每段回忆都有它的故事,你要将它放在专属的地方,放对了就慢慢丰富起来,放错了就无法完整。 二设计大作业的目的与要求 1.1 设计目的 JSP/JAVA是计算机相关专业的必修专业基础课程,其实践性、应用性很强。实践教学环节是必不可少的一个重要环节。本课程的程序设计专题实际是计算机相关专业学生学习完JSP/JAVA课程后,进行的一次全面的综合训练,JAVA程序的设计目的是加深对理论教学内容的理解和掌握,使学生较系统地掌握程序设计及其在网络开发中的广泛应用,基本方法及技巧,为学生综合运用所学知识,利用软件工程为基础进行软件开发、并在实践应用方面打下一定基础。

如何使用ppt制作图片拼图游戏

如何使用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下完成拼圖的製作

拼图游戏C#代码

声明:本游戏由14477-Ly所写,可以转载,须说明出处 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace ConsoleApplication1 { class Program { public static int x1, y1;//定义两个数用来移动数组作为参考坐标 static int[,] ss = new int[20, 20];//定义一个静态二维数组做为参考数组 static int[,] sss = new int[20, 20];//定义一个静态二维数组做为移动数组 static bool pan = false;//判断真假值用于程序跳出 static int iii = 0;//用于统计步数 static int[,]paixu=new int[20,20];//用来存储对应难度的排行榜 static int[] tongjishuzu = { 0,0,0,0,0,0,0};//统计各难度的排行 static bool yanse11 = false;//用来判断是否产生随机背景颜色 static bool yanselll = false;//用来判断是否产生随机字体颜色 ///

/// 对数组进行排序 /// /// /// public static void paixushuzu(int x,int nandu)//用直接选择排序方式对排行榜进行排序 { if (x > 10) x = 10; for (int i = 1; i < x; i++)//用直接选择排序方式对排行榜进行排序 { int b = 0; for (int j = 0; j <= x - i; j++) { if (paixu[nandu - 3, j] >= paixu[nandu - 3, b]) b = j; else continue; } int h; h = paixu[nandu - 3, b]; paixu[nandu - 3, b] = paixu[nandu - 3, x - i]; paixu[nandu - 3, x - i] = h; }

java语言实现拼图游戏源代码

java语言实现拼图游戏源代码 Java语言实现拼图游戏源代码 /* * JAVA小游戏,拼图我做的第一个小游戏 * Cell类是继承的按钮类,并加上相应图形,形成方格 *MyCanvas是一个面板,加载Cell类的对象(方格),是这三个类中的核心 */ import java.awt.Rectangle; import java.awt.event.MouseEvent; import java.awt.event.MouseListener; import javax.swing.Icon; import javax.swing.ImageIcon; import javax.swing.JOptionPane; import javax.swing.JPanel; import java.awt.BorderLayout; import java.awt.Button; import java.awt.Choice; import java.awt.Color; import java.awt.Container; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.Icon; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JOptionPane; import javax.swing.JPanel; import javax.swing.Icon; import javax.swing.JButton; public class MyMainFrame extends JFrame implements ActionListener { MyCanvas myCanvas; JPanel panelNorth,panelPreview;//定义上方的面板,及预览所需的面板 Button start,preview,set;//定义开始,预览,设定按钮

用Flash制作拼图游戏,制作flash拼图游戏

用Flash制作拼图游戏,制作flash拼图游戏 https://www.wendangku.net/doc/4618204434.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.锁定“背景”层。

java拼图游戏完整代码

// Cell.java package cn.itcast.picture.ui; import javax.swing.Icon; import javax.swing.JButton; /* * 图片小方格类 */ public class Cell extends JButton { //带有图片的小方格 public Cell(Icon icon) { super(icon); //设置小方格大小 this.setSize(150, 150); } //带有图片和文字的小方格 public Cell(String text, Icon icon) { super(text, icon); //设置小方格大小 this.setSize(150, 150); this.setHorizontalTextPosition(CENTER);//设置文字水平居中显示 this.setVerticalTextPosition(CENTER);//设置文字垂直居中显示 } // public void move(String direction) { switch (direction) { case "UP": this.setLocation(this.getBounds().x,this.getBounds().y-150); break; case "DOWN": this.setLocation(this.getBounds().x,this.getBounds().y+150); break; case "LEFT": this.setLocation(this.getBounds().x-150,this.getBounds().y); break; case "RIGHT": this.setLocation(this.getBounds().x+150,this.getBounds().y);

flash拼图游戏

如何利用 Flash 常用的 AS 制作一个简单的拼图游戏,我所说的简单可不是 将图片简单的拼凑到一起的那种简单拼图啊。 做好的成品如下: 可以用鼠标将右边的图像碎片拖到左边的方框内的合适位 置,为方便大家找位,游戏给出了一个提示按钮作参考。游戏还设计了一个“吸 附”功能,能够将拼图片轻松地整齐排列,同时游戏还会自动判断拼图是否全部 正确完成。
制作步骤: 第一步:图片的准备工作 既然是拼图,当然首先就要有图片了,通过 Fireworks 或者 PhotoShop 将其切 割成 9 块(每块 75*100px),然后分别保存成 9 个 jpg 小图片备用,名称最好有一 定规律,比如我将他们分别命名为 p1~p9。 第二步:建立 Flash 文件 打开 Flash,新建 flash 文件,画面大小改为 550*400px,可以选择个背景颜 色。 第三步:制作用来判断位置的影片剪辑

在场景中添加 9 块已经处理好的小图片,然后按照原图顺序摆放在场景的左 边。 然后按顺序为这些影片剪辑命名 d1~d9,以便以后在 Action 中调用.选中 所有 MC(Ctrl+A),将他们的 Alpha 属性设置为 100%。 第四步:制作用来拖拽的 MC 这是比较重要的一步,我们将利用这个 MC 来实现图块的拖拽以及位置的判 断,在这里我们运用了 MC 中嵌套按钮的方法以实现代码重用,这是个很重要的方 法. 然后按乱序排列这些用来拖拽的影片剪辑图片。 并为影片剪辑中的按钮对象 添加 AS 代码。
on (press) { startDrag("", true); } on (release) { stopDrag(); obj = "/d9"; if (_droptarget == obj) { setProperty("", _x, getProperty(obj, _x)); setProperty("", _y, getProperty(obj, _y)); _root.m9 = 1; if ((_root.m1 == 1) and (_root.m2 == 1) and (_root.m3 == 1) and (_root.m4 == 1) and (_root.m5 == 1) and (_root.m6 == 1) and (_root.m7 == 1) and (_root.m8 == 1) and (_root.m9 == 1)) { _root.gotoAndPlay(2); } }
完善拼图游戏。 至此,拼图游戏就制作完成了,使用 Ctrl+Enter 测试一下吧! 还可以为游戏添上时间限制,加大游戏的难度,或者在游戏过程中用一个按 钮来隐藏/显示测试图片等

十六宫格拼图游戏

十六宫格拼图游戏 游戏要求:先打乱方块次序,再移动方块(只能移到空位),使15个方块按顺序排列。以前的示例,经过随机排列后,会出现无解的情况。代码修改后解决了这个问题。 1、制作一个背景。 1、制作方块影片剪辑,动态文本变量名为PieceNumber。 3、将背景元件和方块元件拖入主场景,将方块影片命名为P。 4、在主场景第一帧写上如下代码: dfd=new Array() for(k=0;k<4;k++){ dfd[k]=new Array(0,0,0,0) } if (!initialized) { Initialize(); initialized = true; } function PieceX(col) { return 72.8 + col * xSpace; } function PieceY(row) { return 63.5 + row * ySpace; } function Initialize()

Congratulations.stop(); numRows = 4; numCols = 4; numCells = numRows*numCols; xBase = p0._x; yBase = p0._y; xSpace = p._width * 1.07; ySpace = p._height * 1.07; for (var i=0; i<4; i++) { for(var j=0; j<5; j++) { if((i*4+j)<15){ var name = "p" + (i*4+j); p.duplicateMovieClip(name, i*4+j); var newPiece = eval(name); newPiece._x = PieceX(i); newPiece._y = PieceY(j); newPiece.PieceNumber =i*4+j+1; } }} posArray = []; for (i=0; i

Flash.as数字拼图游戏代码

Flash .as数字拼图游戏 Main.as文件 package { import flash.display.Sprite; import com.RectShape; import flash.events.MouseEvent; public class Main extends Sprite { private var indexshape:Array =new Array(1,2,3,4,5,6,7,8); private var ditu:Array =new Array(new Array(3),new Array(3),new Array(3)); private var pailie:Array =new Array(new Array(0,0),new Array(40,0),new Array(80,0),new Array(0,40),new Array(40,40),new Array(80,40),new Array(0,80),new Array(40,80),new Array(80,80)); //将一个120的正方形切割成9份; public function Main():void { init(); } private function init():void { var kuang:Sprite=new Sprite(); kuang.graphics.lineStyle(3,0xff000ff);//笔触为3的紫色矩形 kuang.graphics.drawRect(0,0,120,120);//画边框; kuang.graphics.endFill(); kuang.x=215; kuang.y=140; addChild(kuang); for (var i:uint=0; i<3; i++) {//如果这个位置没有小方块则值设为1; for (var t:uint=0; t<3; t++){ ditu[i][t]=1; } } for (var n:uint=1; n<=8; n++) {//制作小方块; var hao:uint=Math.floor(Math.random()*indexshape.length);//取下限值,hao是下标 var bianhao:uint=indexshape[hao]; indexshape.splice(hao,1);//删除下标; var rect:RectShape=new RectShape(bianhao); rect.mouseChildren=false;//小方块中的文本不再接收事件:对象的子容器为false var weizhi:uint=Math.floor(Math.random()*pailie.length); var dui:Array=pailie[weizhi]; pailie.splice(weizhi,1);

以“Flash小游戏”激活数学课堂

以“Flash小游戏”激活数学课堂 嘉善县大云中心学校梅勇 【摘要】苏霍姆林斯基说过:“世界通过游戏展现在孩子面前,人的创造才能常常在游戏中表现出来,没有游戏,也就没有充分的智力发展。”我们的数学课堂必须利用广阔的信息技术资源库,通过数学“Flash小游戏”,让学生在“玩”的过程中,学会数学,玩转数学。并为我们激活了数学课堂,营造出“有趣、有效”的数学课堂。 【关键词】Flash 小游戏数学课堂 高度的抽象性是数学最突出的特点。因此,数学教师在教学中考虑较多的问题便是如何让书本的知识“活”起来,如何激发学生的学习兴趣,如何提高学生的学习效率。巧妙地运用信息技术即可顺利地解决这一问题。信息技术与数学教学的整合,为学生提供了更大的学习数学的空间,也使得学生从“听数学”变成了“实验数学”和“操作数学”。 随着现代信息技术的飞速发展,绝大多数数学教师都在用PowerPoint等软件制作的多媒体课件上课,但久而久之数学课堂上PPT幻灯片单一的文字、图形又使学生觉得枯燥乏味。究其原因,当然是数学教师没有充分利用信息技术强大的媒体资源库。 托尔斯泰说:“成功的教学,所需要的不是强制,而是激发学生的兴趣。”如何激发学生的兴趣?除了充满激情的教学语言,就是丰富多彩的教学形式和教学手段,而这一切都需要有大量的教学素材作依托。 数学教师可以根据教材的特点,在课堂上适当穿插一些与所学知识相关的“Flash小游戏”,不仅可以活跃课堂气氛,打破课堂“枯燥乏味”的局面,提高学生的学习兴趣,进而还能提高教学质量。 一、数学“Flash小游戏” 随着科技的高速发展,如今校校开设信息课,家家有电脑,人人会玩、爱玩电脑游戏。“Flash 小游戏”顾名思义就是用Flash软件制作的小游戏,主要是放在网上供人们休闲娱乐的游戏。“Flash 小游戏”是一种新兴起的游戏形式,以游戏简单,操作方便,绿色,无需安装,文件体积小等优点,现在渐渐被广大网友所喜爱。 而数学“Flash小游戏”就是和课堂所学的数学知识相关联,是数学教师针对课堂所教授的内容,精心挑选设计的“Flash小游戏”。它可以是教师直接从网络上挑选下载下来的益智类的“Flash小游戏”,也可以是教师根据知识类型自行设计制作而成的“Flash小游戏”,然后链接在多媒体课件中,由学生通过鼠标操作。这种“Flash小游戏”可以起到巩固知识、理解知识、运用知识的目的。并且还能和学生内心的喜好产生共鸣,激发学生对学习的热情和兴趣,提升自主学习的意愿,达到从“学数学”到“做数学”,甚至是“玩数学”的飞跃。 二、数学“Flash小游戏”对数学学习的意义和价值 现代信息技术的发展,为数学学习创造了广阔的空间。在教学中采用现代信息技术,打破了以往的守旧模式,促进了数学教学的发展,使单调枯燥的数学知识变得有声有色,有滋有味。 1.数学“Flash小游戏”符合学生的年龄特征 初中生正处于生理和心理迅速发育的时期,他们的特点是思维活跃,对精彩的大千世界充满好奇,对游戏情有独钟,也具有最佳的游戏天赋。苏霍姆林斯基说过:“世界通过游戏展现在孩子面前,人的创造才能常常在游戏中表现出来,没有游戏,也就没有充分的智力发展。” 2.数学“Flash小游戏”体现了数学的教育价值 《数学课程标准》指出,现代信息技术的发展对数学教育的价值、目标、内容以及教与学的方式产生了重大的影响。教师应“大力开发并向学生提供更为丰富的学习资源,把现代信息技术作为学生学习数学的强有力工具,致力于改变学生的学习方式,使学生乐意并有更多的精力投入到数学活动中去”。 学生在课堂中通过数学“Flash小游戏”,可以直观地了解抽象的数学内容,了解它的应用背景,化枯燥为有趣,这个过程会增加学生学习数学的兴趣;同时在“玩”的过程中学生也会遇到挫折和失败,可以培养他们形成和发展正确的情感、态度、价值观,这是数学教育的真正价值所在。 3.数学“Flash小游戏”是数学学习的一种回归 建构主义认为:“知识不是通过教师传授给学生的,而是通过学生积极思考、主动建构的。”在教师传授给学生一定的学习方法之后,教师要充分调动学生的学习主动性,最大限度地激发学生主

相关文档