Flash AS入门教程：制作拼图游戏
　　效果演示：
　　本练习通过一个拼图游戏制作，进一步熟悉MC的拖放与撞碰检测的应用。为了使碰撞检测的几种方式都能得到应用，我们将游戏分为高、中、低三个级别。现在我们来分析一下游戏的实现和级别找分依据。我们将一张图片撕碎以后，将碎片转换为MC，并复制一份，将其中一份拼回原图。碎片被点下鼠标时实现拖动，当拖到图片上时，放开鼠标，停止拖动，并检测碰撞，如果实现碰撞则自动将碎片与相应位置对齐。
　　碰撞检测有两种方式，一种是碎片MC与原图MC进行碰撞检测，这种碰撞检测是检测两个MC的外框（矩形）是否发生碰撞，这个范围是很大的，当碎片被拖到原图上相应碎片附近时，即使两个图实际并没有发生交叉，但它们的外框已经相交了。那么这个定为初级。这种碰撞检测就比较简单，只要批碎片拖到原图附近就行了，大致差不多都行。
　　另一种检测是碎片MC与原图中碎片MC的注册点进行检测，同时将参数中的布尔值设为true，那么碎片MC的实际图片部分与原图碎片的注册点相交才行。很显然这个难度增大了很多，位置必须准确才行。这个定为中级。第三种方式是不进行碰撞检测，碎片不会自动定位，你把它拖到哪，它就在哪，正不正确不知道。看起来这种方式应该是最难的。所以定为高级。
　　好，现在开始制作：
　　1． 新建一flas***档，导入一张图片，并放到舞台上的右半部，宽为舞台的一半的样子。如下图：
　　2． 点击“修改”>“分离”，将图片打散。用套索工具，在图上画一小块图形，这样这块图形被选中，然后点击：“修改“>“转换为元件”，转换为 MC.名称为tu1双击它，居中对齐。回到主场景，打开属性面板，实例名称为：tu1.将这块图形移开一定距离，移开的目的，是为了好画下一个。所以现在画下一个，一样的做法，只是实例名称是：tu2.直到将图片全部切碎。需要注意的是：碎片元件名称和实例名称都从tu1开始连续取名，如 tu2,tu3…..，不要重复，也不要漏掉，要连续。以下将这些碎片称为原图MC。
　　3． 将图片拼回去，位置在舞台的右半部，一定要拼好，因为这个是要作为标准的。可以将舞台放大，也可以在下面插入一层，将图片放进来，把透明度降低一点，然后比到拼，拼好后，再将这层删了就行。拼好的图层上锁。
　　4． 新插入一图层，将tu1元件从库中拖到舞台的左边稍上一点，下面留一点空间放按钮。打开属性面板，实例名称为：mc1。接下来拖tu2，实例名称为mc2…..，直到将碎片全部拖到舞台上。上锁。以下将这些碎片称为碎片MC。
　　5． 新插入一层，新建6个按钮元件，放到舞台相应位置。标签和实例名称分别为：
“重玩”-“cw_btn”
“看原图”-“yt_btn”
“隐藏“-””yc_btn”
“初级“-“cj_btn”
“中级”-“zj_btn”
“高级”-“gj_btn”
　　6．画一个无填充红色笔触的矩形，框住初级按钮，将它转换为元件，实例名称为xz_mc。
　　7．新插入一层，命名为：action,输入如下代码：
var dj = 1;
for (i=1;i&29;i++){
mymc_mc = this["mc"+i];
tumc_mc = this["tu"+i];
tumc_mc._visible=
td(mymc_mc,tumc_mc);
function td (my_mc,tu_mc){
mymc_mc.onPress = function(){
this.startDrag();
dx = this._x;
dy = this._y;
mymc_mc.onRelease = function(){
stopDrag();
if (dj==1){
if(this.hitTest(tu_mc)){
this._x = tu_mc._x;
this._y = tu_mc._y;
} else if (dj==2){
if(this.hitTest(tu_mc._x,tu_mc._y,true)){
this._x = tu_mc._x;
this._y = tu_mc._y;
cw_btn.onRelease=function(){
for(j=1;j&29;j++){
mymc_mc =eval("mc"+j);
mymc_mc._x = 50+random(150);
mymc_mc._y =50+random(200);
yt_btn.onRelease = function(){
for(k=1;k&29;k++){
tumc_mc = eval("tu"+k);
tumc_mc._visible=
yc_btn.onRelease = function(){
for(k=1;k&29;k++){
tumc_mc = eval("tu"+k);
tumc_mc._visible=
cj_btn.onRelease=function(){
xz_mc._y = 323;
zj_btn.onRelease=function(){
xz_mc._y = 349;
gj_btn.onRelease=function(){
xz_mc._y = 380;
相关报道：
新闻***：010-
责任编辑：
名企动态： |
标志着Windows迈出个性化计算的第一步……
本站特聘法律顾问:于国富律师
Copyright (C) 1997-查看: 784|回复: 12
Lenovo联想 K29最理想是用什么CPU！
在线时间 小时
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
才可以下载或查看，没有帐号？
我想要给K29升级，现在k29用i3 3110M，想要换一个U，在这里请教各位前辈，换那个U比较好？
在线时间 小时
收到便宜的qbnx是个不错的选择.
在线时间 小时
在线时间 小时
在线时间 小时
温度不会很高吗？
在线时间 小时
M的，是不是比QM的性能低？
在线时间 小时
M的，是不是比QM的性能低？
Q是quad的意思，四核
在线时间 小时
Q是quad的意思，四核
好的，谢谢！
在线时间 小时
i7-3612es版本35W低功耗笔记本CPU
在线时间 小时
&&不要超过38XX& & 怕你机子压不住
Powered by