经典小游戏开发思路和算法之拼图（1）

此次开发小游戏一共有18个经典小游戏，每天更新一个。跟大家一起学习一些经典小游戏的开发思路和算法，如果想直接看完整游戏效果的，相关的完整工程可以直接去我的资源里面下载。与大家一起学习One day.
今天这个是拼图小游戏
简单说一下拼图游戏：
拼图游戏是一款经典的益智类游戏，它的历史可以追溯到1760年左右，是英国的雕刻师和制图师把地图贴在硬纸板上，然后沿着国界线分割，制作成了最原始的拼图。最初的拼图游戏具有教育意义，拼图所用的图片多向人们传授历史或地理知识，后来五花八门的拼图游戏层出，不过大多都是有益于人们脑力的开发和训练记忆力提高动手能力的。
游戏规则：
将一张图片分成若干份(碎片)，玩家将这些碎片按照原来的样式拼接起来，则视为游戏成功。
下面我们来说一下开发思路：
1.游戏流程图：

2.原图与碎片一一对应坐标
用33九宫格来设计此款拼图游戏，可以将构成原图的9个碎片用不同的整数来表示(如，1，2，3，4，5，6，7，8，9)，并保存到一个33的二维数组中。
如果碎片的宽为w，高为h，碎片的中心位置即为碎片的坐标位置，二维数组的第一个元素图片位于原图的左下角。
当原图的左下角坐标为世界坐标的原点坐标，即(0,0)位置，假设当前图片在二维数组索引号为[i][j],那么当前碎片的具体位置公式如下：(x=(i+1/2)*w，y=(j+1/2)*h)

3.相应的互动操作
鼠标拖拽移动碎片的功能：
(1).判断鼠标的点击位置是否在碎片内 (例如碎片左下角的坐标为(sx,sy))即在碎片的内部坐标范围sx<x<sx+w,sy<y<sy+h. 若鼠标的世界坐标的位置在此范围内，则可以判断碎片被选中。
注：鼠标的屏幕坐标一定要转换为世界坐标。
(2).实现被拖拽的碎片跟随鼠标移动：
把鼠标的屏幕坐标转换为世界坐标，然后计算鼠标位置和碎片位置的偏移值，公式如下：
碎片坐标=鼠标的世界坐标+碎片位置和鼠标位置的偏移量。
(3).鼠标松开时：
获得碎片的当前位置，如果靠近对应的正确位置坐标(设置一个距离的临界值，如果对应正确位置和碎片位置之间小于这个临界值)则将碎片放到正确位置，否则就放回碎片池里。

4.正确判断
碎片位置和对应正确位置的距离计算：
假设A(x1,y1)和B(x2,y2)分别对应碎片的位置和对应的正确位置，我们可以通过一下公式计算
|AB|²=(x1-x2)²+(y1-y2)² 原式是要开根号的，但是开根号比较消耗计算资源，所以我们可以直接用这个式子。
也可以直接用两个坐标点的位置进行判断，如获取的碎片的坐标(sx,sy),对应的正确的位置(Tx,Ty)
伪代码如下：
if(|Tx-Sx|<临界值&&|Ty-Sy|<临界值)
{
碎片坐标=正确坐标；
}
else
{
碎片回到原来位置；
}

5.获胜判断
当所有碎片都放到对应的正确位置就为获胜，我们设置一个变量用来计数，每当一个碎片被放置到正确位置之后，该变量就+1，当这个变量等于碎片的总数时，就说明所有的碎片都被放置到了正确的位置。这时判定获胜游戏结束；可以设置超时，超时则游戏失败！
(如果你看到了这篇博客不妨在看下面的游戏实现之前自己先去写写)
下面是游戏实现：
具体的实现代码如下：

CreatePic类加载资源，初始化界面

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class CreatePic : MonoBehaviour {public string sprit_Path = "Sprites/Pictures";public Sprite[] sp_S;//所有的图片public int textureNum = -1;//图片序号public static GameObject[,] pic = new GameObject[3,3];public static bool isSetTruePosition = false;/// <summary>/// 加载资源，并初始化界面/// </summary>void Start () {sp_S = Resources.LoadAll<Sprite>(sprit_Path);for (int i = 0; i < 3; i++){for (int j = 0; j < 3; j++){textureNum++;pic[i,j] = new GameObject("picture" + i + j);//给物体一个贴图pic[i,j].AddComponent<SpriteRenderer>().sprite = sp_S[textureNum];              //将碎片放置到随机的位置pic[i,j].GetComponent<Transform>().position = new Vector2(Random.Range(3.0f,5.5f),Random.Range(0.0f,2.5f));              }}}
}

MouseDrag 类鼠标的拖拽操作的代码实现：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class MouseDrag : MonoBehaviour
{private Vector2 _vec3Offset;                  // 偏移  public Vector2 _ini_pos;                      //初始位置private Transform targetTransform;            //目标物体public static int width = 3;                  public static int height = 3;public float threshold = 0.2f;                //临界值private bool isMouseDown = false;             //鼠标是按下private Vector3 lastMousePosition = Vector3.zero;float chipWidth = 1;                          //碎片宽度float chipHeight = 1;                         //碎片高度void Update(){if (Input.GetMouseButtonDown(0)){isMouseDown = true;for(int i = 0;i<width;i++){for(int j = 0;j<height;j++){if(Mathf.Abs(Camera.main.ScreenToWorldPoint(Input.mousePosition).x - Done_CreatePic.pic[i, j].transform.position.x) <chipWidth/2&& Mathf.Abs(Camera.main.ScreenToWorldPoint(Input.mousePosition).y - Done_CreatePic.pic[i, j].transform.position.y) < chipHeight/2){targetTransform = Done_CreatePic.pic[i, j].transform;                      _ini_pos = new Vector2(targetTransform.position.x, targetTransform.position.y);//记录碎片初始位置break;}}}        }if (Input.GetMouseButtonUp(0)){isMouseDown = false;lastMousePosition = Vector3.zero;OnMyMouseUp();         }if (isMouseDown){if (lastMousePosition != Vector3.zero){            //将目标物体置于最上层targetTransform.GetComponent<SpriteRenderer>().sortingOrder = 100;Vector3 offset = Camera.main.ScreenToWorldPoint(Input.mousePosition) - lastMousePosition;//鼠标偏移量//碎片当前位置 = 碎片上一帧的位置 + 鼠标偏移量targetTransform.position += offset;}lastMousePosition = Camera.main.ScreenToWorldPoint(Input.mousePosition);}}void OnMyMouseUp(){for(int j = 0;j<width;j++){for(int i= 0;i<height;i++){if(targetTransform.name == Done_CreatePic.pic[i,j].name){if (Mathf.Abs(targetTransform.position.x - j)  < threshold&& Mathf.Abs(targetTransform.position.y - i) < threshold){                      Debug.Log("OnMyMouseUp");targetTransform.position = new Vector2(j, i);  Done_GameOver._trueNum++;Debug.Log(Done_GameOver._trueNum);Done_GameOver.Judge();break;}else{targetTransform.position = _ini_pos;}}targetTransform.GetComponent<SpriteRenderer>().sortingOrder = 5;       }}    }
}

GameOver 游戏结束判定

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class GameOver : MonoBehaviour {public static int _trueNum;//到达正确位置的碎片的数量private static int _allPicNum = 9;//碎片的数量/// <summary>/// 结束判定/// </summary>public static void Judge(){if (_trueNum == _allPicNum){Debug.Log("游戏结束");}}
}

经典小游戏开发思路和算法之拼图（1）相关推荐

经典小游戏开发思路和算法之打砖块(3)
很长时间没有更新了,今天终于抽出点时间写一下之前看过的一个小游戏案例,相关素材和工程我会放到我的资源下载里面.(共同学习进步,一直在路上从未停下脚步) 打砖块游戏规则: 玩家操作在屏幕底端的横板,通过 ...
C语言实训——经典小游戏马里奥开发day 1
C语言实训--经典小游戏马里奥开发day 1 卷轴式地图一.关于卷轴式地图在之前的开发尝试之中,我曾经使用的是地图移动但是马里奥保持在一个固定的点来实现马里奥的移动,但是我发现了几个问题: 1 ...
2021.03.17 pokémon小游戏开发记录与周总结
2021.03.17 pokémon小游戏开发记录与周总结此篇仅包含部分项目代码,只是个人的学习总结. 文章目录 2021.03.17 pokémon小游戏开发记录与周总结前言一.前期准备二. ...
【转】微信小游戏开发总结
小游戏是小程序的一个类目,小游戏是微信开放给小程序的更多的能力,让小程序开发者有了开发游戏的能力.小游戏没有WXSS.WXML.多页面等内容,但加了一些渲染.文件系统以及后台多线程的功能. 小游戏的运 ...
用html+css+js实现中国象棋小游戏开发项目
用html+css+js中国象棋小游戏开发项目最近刚学习完JS的相关课程,跟着老师做了两个小游戏项目,就已经抑制不住内心的小激动,想着要迫不及待的着手准备做一个网页小游戏--中国象棋由于从小就比较 ...
微信小游戏开发学习记录2
接上一篇:微信小游戏开发学习记录_寂静流年韶华舞的博客-CSDN博客_微信小游戏开发学习目录一.UI系统 1.基础渲染组件-精灵组件 (1)操作: (2)Sprite 属性 (3)渲染模式 2.L ...
鹅厂内部干货|微信小游戏开发技术怎么应用？
作者介绍:陈阳(Younger) 2011年加入腾讯,现就职于腾讯游戏增值服务部,负责AMS游戏营销平台,致力于研究和推动Web及大前端相关技术的发展. 一.微信小游戏--H5小游戏及微信小程序微信 ...
微信小游戏开发技术与应用
作者介绍:陈阳(Younger) 2011年加入腾讯,现就职于腾讯游戏增值服务部,负责AMS游戏营销平台,致力于研究和推动Web及大前端相关技术的发展. 一.微信小游戏--H5小游戏及微信小程序微信 ...
微信小游戏开发实战教程14-闯关模式的实现
这是微信小游戏开发实战系列的第14篇. 本文主要内容是介绍精致1010闯关模式的设计和实现思路. 如果你没有任何的游戏开发经验,欢迎阅读我的"人人都能做游戏"系列教程,它会手把手的 ...
基于Unity3D的AR小游戏开发【100011412】
本科毕业设计(论文) GRADUATION DESIGN(THESIS) 基于 Unity3D 的增强现实游戏程序摘要增强现实(AR)作为一项新兴技术近年来被越来越多的人群所获知,AR 也渐渐走进 ...

经典小游戏开发思路和算法之拼图（1）

经典小游戏开发思路和算法之拼图（1）相关推荐

最新文章

热门文章