栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 游戏开发 > Unity3D

Unity小游戏(一)——Unity JigsawPuzzle(拼图游戏)

Unity3D 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Unity小游戏(一)——Unity JigsawPuzzle(拼图游戏)


1、前言:

  简单的Unity小游戏,切割图片,生成随机区块,拖拽交换位置。

  此游戏代码只贴了一小部分,具体可见GitHub:源码

  效果:

  

2、素材准备

  简单做了下,所以没有用太多素材,只准备了两种字体(毛笔、楷书),准备了两张按钮图片,一张拼图素材图(数码宝贝)。

3、导入素材开始行动

  

4、简易UI框架

  写了一个极简的UI框架:

(1)基类

  只做了显示隐藏方法:

public class BasePanel : MonoBehaviour
{
    /// 
    /// 显示面板
    /// 
    public void Show()
    {
        gameObject.SetActive(true);
    }

    /// 
    /// 隐藏面板
    /// 
    public void Hide()
    {
        gameObject.SetActive(false);
    }
}
(2)UIManger

  管理类,做了单例,显示和隐藏面板的方法

public class UIManger : MonoBehaviour
{
    public static UIManger Instance;

    public List panels = new List();

    private void Awake()
    {
        Instance = this;

        panels.AddRange(GetComponentsInChildren());
    }

    private void Start()
    {
        for (int i = 1; i < panels.Count; i++)
        {
            panels[i].Hide();
        }
    }

    public T ShowPanel() where T : BasePanel
    {
        T panel = panels.Find(p => p is T) as T;
        panel.Show();

        return panel;
    }

    public T HidePanel() where T : BasePanel
    {
        T panel = panels.Find(p => p is T) as T;
        panel.Hide();

        return panel;
    }
}
5、首页

   此处有一个页面跳转,和难度选择,代码不在赘述

  

6、游戏界面
private void Init()
{
    gridLayoutGroup.cellSize = Vector2.one * (1000 - 5 * (size - 1)) / size;
    for (int i = 1; i <= size; i++)
    {
        for (int j = 1; j <= size; j++)
        {
            if ((i - 1) * size + j > grids.Count)
            {
                grids.Add(Instantiate(gridPrefab, gridLayoutGroup.transform));
            }
            else
            {
                grids[i].gameObject.SetActive(true);
            }
            grids[(i - 1) * size + j - 1].SetInf(this, size, new Vector2(i, j));
        }
    }
    if (grids.Count > size * size)
    {
        for (int i = size * size; i < grids.Count; i++)
        {
            grids[i].gameObject.SetActive(false);
        }
    }
}

  此处,用了Layout布局,生成子物体后自动排布,从下到上,从左到右,排序方向是因为,RawImage的UV Rect为此坐标系。

  两个for循环,生成m*m个格子。

  下面则是随机调整位置:

public void RandomList()
{
    for (int i = 0; i < grids.Count; i++)
    {
        grids[i].transform.SetSiblingIndex(Random.Range(0, size * size));
    }
}

  拖动交换位置,用的IBeginDragHandler, IDragHandler, IEndDragHandler几个接口,拖拽后通过SetSiblingIndex方法交换位置。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/900915.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号