https://github.com/asyncrun/GuideMask

Unity 新手引导
https://github.com/asyncrun/GuideMask

Last synced: 3 months ago
JSON representation

Unity 新手引导

• Host: GitHub
• URL: https://github.com/asyncrun/GuideMask
• Owner: asyncrun
• Created: 2019-04-11T10:43:44.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-04-12T14:39:46.000Z (over 5 years ago)
• Last Synced: 2024-07-14T04:36:47.980Z (4 months ago)
• Language: C#
• Size: 3.27 MB
• Stars: 98
• Watchers: 4
• Forks: 30
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-unity-open-source-on-github - GuideMask - Like tutorial (Mask)

README

        
## **Unity UI强制引导框**

**效果：**

![在这里插入图片描述](https://github.com/asyncrun/GuideMask/blob/master/gif/GuideMask.gif)

**主要代码：**

```c

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

public class Main : MonoBehaviour

{

    public static Main Self;

    public RectTransform CanvasRectTransform;

    public CanvasScaler CanvasScaler;

    public RectTransform Target1;

    public RectTransform Target2;

    public RectTransform Target3;

    public void Awake()

    {

        Self = this;

        var guideMask = FindObjectOfType();

        guideMask.Init();

    }

    public void OnGUI()

    {

        if (GUILayout.Button("=============  Close GuideMask  ============="))

        {

            GuideMask.Self.Close();

        }

        if (GUILayout.Button("=============  Target 1  ============="))

        {

            GuideMask.Self.Play(Target1);

        }

        if (GUILayout.Button("=============  Target 2  ============="))

        {

            GuideMask.Self.Play(Target2);

        }

        if (GUILayout.Button("=============  Target 3  ============="))

        {

            GuideMask.Self.Play(Target3);

        }

    }

}

```

```c

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

public class GuideMask : MaskableGraphic, ICanvasRaycastFilter

{

    public static GuideMask Self;

    private RectTransform _target;

    private Vector2 _targetMin;

    private Vector2 _targetMax;

    private RectTransform _targetArea;

    public bool IsRaycastLocationValid(Vector2 sp, Camera eventCamera)

    {

        return !RectTransformUtility.RectangleContainsScreenPoint(_targetArea, sp, eventCamera);

    }

    public void Close()

    {

        gameObject.SetActive(false);

    }

    public void Play(RectTransform target)

    {

        gameObject.SetActive(true);

        var screenPoint = RectTransformUtility.WorldToScreenPoint(Camera.main,  target.position);

        Vector2 localPoint;

        if (!RectTransformUtility.ScreenPointToLocalPointInRectangle(rectTransform, screenPoint, Camera.main,

            out localPoint))

        {

            Close();

            return;

        }

        

        _targetArea.anchorMax = target.anchorMax;

        _targetArea.anchorMin = target.anchorMin;

        _targetArea.anchoredPosition = target.anchoredPosition;

        _targetArea.anchoredPosition3D = target.anchoredPosition3D;

        _targetArea.offsetMax = target.offsetMax;

        _targetArea.offsetMin = target.offsetMin;

        _targetArea.pivot = target.pivot;

        _targetArea.sizeDelta = target.sizeDelta;

        _targetArea.localPosition = localPoint;

        _targetArea.ForceUpdateRectTransforms();

        _target = _targetArea;

        _target.ForceUpdateRectTransforms();

        LateUpdate();

    }

    

    public void Init()

    {

        _targetArea = gameObject.transform.Find("TargetArea") as RectTransform;

        Self = this;

        Close();

    }

    

    protected override void OnPopulateMesh(VertexHelper toFill)

    {

        toFill.Clear();

        var maskRect = rectTransform.rect;

        var maskRectLeftTop = new Vector2(-maskRect.width / 2, maskRect.height / 2);

        var maskRectLeftBottom = new Vector2(-maskRect.width / 2, -maskRect.height / 2);

        var maskRectRightTop = new Vector2(maskRect.width / 2, maskRect.height / 2);

        var maskRectRightBottom = new Vector2(maskRect.width / 2, -maskRect.height / 2);

        var targetRectLeftTop = new Vector2(_targetMin.x, _targetMax.y);

        var targetRectLeftBottom = _targetMin;

        var targetRectRightTop = _targetMax;

        var targetRectRightBottom = new Vector2(_targetMax.x, _targetMin.y);

        

        toFill.AddVert(maskRectLeftBottom, color, Vector2.zero);

        toFill.AddVert(targetRectLeftBottom, color, Vector2.zero);

        toFill.AddVert(targetRectRightBottom, color, Vector2.zero);

        toFill.AddVert(maskRectRightBottom, color, Vector2.zero);

        toFill.AddVert(targetRectRightTop, color, Vector2.zero);

        toFill.AddVert(maskRectRightTop, color, Vector2.zero);

        toFill.AddVert(targetRectLeftTop, color, Vector2.zero);

        toFill.AddVert(maskRectLeftTop, color, Vector2.zero);

        

        toFill.AddTriangle(0, 1, 2);

        toFill.AddTriangle(2, 3, 0);

        toFill.AddTriangle(3, 2, 4);

        toFill.AddTriangle(4, 5, 3);

        toFill.AddTriangle(6, 7, 5);

        toFill.AddTriangle(5, 4, 6);

        toFill.AddTriangle(7, 6, 1);

        toFill.AddTriangle(1, 0, 7);

    }

    

    

    void LateUpdate()

    {

        RefreshView();

    }

    

    private void RefreshView()

    {

        Vector2 newMin;

        Vector2 newMax;

        if (_target != null && _target.gameObject.activeSelf)

        {

            var bounds = RectTransformUtility.CalculateRelativeRectTransformBounds(transform, _target);

            newMin = bounds.min;

            newMax = bounds.max;

        }

        else

        {

            newMin = Vector2.zero;

            newMax = Vector2.zero;

        }

        if (_targetMin != newMin || _targetMax != newMax)

        {

            _targetMin = newMin;

            _targetMax = newMax;

            SetAllDirty();

        }

    }

}

```

**Github地址：**[https://github.com/asyncrun/GuideMask](https://github.com/asyncrun/GuideMask)

UI背景图随机网上下载，侵权告知马上删除 [***下载地址***](https://www.behance.net/gallery/31436645/Mobile-Game-UI-Portfolio)