如何制作基于 Flash 的拼图游戏答案

【问题标题】：How to make a Flash based jigsaw puzzle如何制作基于 Flash 的拼图游戏
【发布时间】：2011-06-09 10:16:57
【问题描述】：

我目前正在为我的网站制作拼图游戏。

我在网络上到处搜索，但找不到任何东西。我想用 Flash 和 ActionScript 来实现。

我想像 ESPN Cricket Jigsaw puzzle 那样制作拼图游戏

任何人都可以帮助我解决这个问题。

谢谢你，
最好的问候，
大孙

【问题讨论】：

这是一个非常广泛的问题，我很难相信有人会给你完整的代码。考虑询问一些更集中的问题，例如“如何将图像分割成拼图块”或“如何拖放 DisplayObject”。

标签： actionscript-3 flash flash-cs5 puzzle

【解决方案1】：

这是一个非常广泛的问题，所以我将把它分解为 3 个主要任务，并为您提供一个高层次的概述：

1) 创建拼图图片

2) 拖放片段

3) 检查碎片是否落入正确的位置

第 1 步主要是一个图像编辑问题，而不是编程，所以这里没有太多要说的。但请注意，可以使用播放器提交的图像或从 Internet 下载的图像自动生成不同的谜题，方法是应用矢量蒙版并将 BitmapData 克隆到预先创建的影片剪辑中。

第 2 步主要是关于向片段添加鼠标事件侦听器并在侦听器函数中使用 startDrag() 和 stopDrag()。比如：

piece.addEventListener(MouseEvent.MOUSE_DOWN, OnDrag);
piece.addEventListener(MouseEvent.MOUSE_UP, OffDrag);
function OnDrag(e:Event) {
  e.target.startDrag();
}
function OffDrag(e:Event) {
  e.target.stopDrag();
  //check placement
}

如评论中所述，第 3 步将在一块被丢弃时发生。有多种方法可以解决这个问题，但我的建议是在创建拼图时将已解决的位置存储在一个数组中，然后根据解决方案数组检查所有部分以查看拼图是否已解决。

顺便说一句，在检查放置时，通常最好检查零件是否在正确位置的一定距离内掉落，如果是，则将其卡入到位。

【讨论】：

【解决方案2】：

查看本教程：http://www.communitymx.com/content/article.cfm?page=1&cid=8A2E0

它基本上一步一步地向您展示如何创建这样的游戏。

只要在谷歌上搜索“flash jigsaw tutorial”，你应该会得到一堆。

干杯

【讨论】：