From 9969ed162f8aa4bd0b977a3c1eba45358eb01f72 Mon Sep 17 00:00:00 2001 From: wangguan <wangguan@kt007.com> Date: Wed, 25 Nov 2020 17:36:40 +0800 Subject: [PATCH] 修改推拽BUG 调整JSON读取回调 增加新手一大波怪物提示 --- Assets/Scripts/Guide/GuidePanel.cs | 260 ++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 233 insertions(+), 27 deletions(-) diff --git a/Assets/Scripts/Guide/GuidePanel.cs b/Assets/Scripts/Guide/GuidePanel.cs index 10148de..5acb9c0 100644 --- a/Assets/Scripts/Guide/GuidePanel.cs +++ b/Assets/Scripts/Guide/GuidePanel.cs @@ -29,7 +29,7 @@ Vector2 rimOffset = new Vector2(30, 30);//边框要比按钮大一些 Image tmpMask;//自身的遮罩 - + GameObject offectBackground;//适配需要的黑色背景 ImageFire1 fire1; ImageFire2 fire2;//两个用来合成的火元素 @@ -41,10 +41,15 @@ ImageTowerPos2 towerPos2;//塔位标识 GameObject towerBuyBtn;//购买宝石按钮 - + Vector2 towerBuyBtnPos; Image backgroundImg;//用来接受空白点击事件的图片 RectTransform dragHandImg;//拖动标识手指 + + Button skillBtn;// + Vector2 skillBtnPos = new Vector2(459, 280); + + private Image warningImg;//大波敌人来袭提示 /// <summary> /// 关闭所有UI /// </summary> @@ -61,9 +66,20 @@ { tmpMask = GetComponent<Image>(); tmpMask.enabled = false; + offectBackground = transform.Find("OffectImage").gameObject; + offectBackground.SetActive(false); + backgroundImg = transform.Find("Button").GetComponent<Image>(); - towerBuyBtn = GameObject.Find("BottomUI/TowerBuyBtn"); + skillBtn = GameObject.Find("UICamera/BottomCanvas/Panel/Energy/FireSkillBtn").GetComponent<Button>(); + skillBtn.interactable = false; + towerBuyBtn = GameObject.Find("UICamera/BottomCanvas/Panel/TowerBuyBtn"); + RectTransform tmpTs = towerBuyBtn.GetComponent<RectTransform>(); + + RectTransform canvasUI = transform.parent.parent.GetComponent<RectTransform>(); + float tmpOffect = tmpTs.anchoredPosition.y - (canvasUI.sizeDelta.y * 0.5f); + towerBuyBtnPos = new Vector2(tmpTs.anchoredPosition.x, tmpOffect); + tipsUI = transform.Find("Tips").gameObject; tipsUI.transform.SetAsLastSibling();//把tips放在最下面 @@ -86,35 +102,74 @@ particle_1 = image_Rim_Rect.transform.Find("Particle System Small").gameObject; particle_2 = image_Rim_Rect.transform.Find("Particle System Big").gameObject; + float a = 0.06666667f; + float b = canvasUI.localScale.x; + float tmpScale = a / b; + //Debug.Log($"记录的比值:{a} 当前Canvas的Scale:{b} 计算得到的比值:{tmpScale}"); + image_Tip_Rect = transform.Find("Image_Tip").GetComponent<RectTransform>(); text_Tip = image_Tip_Rect.transform.Find("Text").GetComponent<Text>(); image_SkillRim = transform.Find("Image_SkillRim").GetComponent<Image>(); + image_SkillRim.GetComponent<RectTransform>().anchoredPosition *= tmpScale; SetRimActive(false); image_SkillRim.gameObject.SetActive(false); fire1 = transform.Find("Image_Fire1").GetComponent<ImageFire1>(); + fire1.GetComponent<RectTransform>().anchoredPosition *= tmpScale; fire2 = transform.Find("Image_Fire2").GetComponent<ImageFire2>(); + fire2.GetComponent<RectTransform>().anchoredPosition *= tmpScale; fire1.gameObject.SetActive(false); fire2.gameObject.SetActive(false); towerPos = transform.Find("Image_TowerPos").GetComponent<ImageTowerPos>(); + towerPos.GetComponent<RectTransform>().anchoredPosition *= tmpScale; + towerPos.enabled = false; towerPos2 = transform.Find("Image_TowerPos2").GetComponent<ImageTowerPos2>(); + towerPos2.GetComponent<RectTransform>().anchoredPosition *= tmpScale; + towerPos2.enabled = false; water1 = transform.Find("Image_Water").GetComponent<ImageWater>(); + water1.GetComponent<RectTransform>().anchoredPosition *= tmpScale; water1.gameObject.SetActive(false); skill = transform.Find("Image_Skill").GetComponent<ImageSkill>(); + skill.GetComponent<RectTransform>().anchoredPosition *= tmpScale; + skill.gameObject.SetActive(false); dragHandImg = transform.Find("ImageHand").GetComponent<RectTransform>(); dragHandImg.gameObject.SetActive(false); + + warningImg = transform.Find("Image_Warning").GetComponent<Image>(); + warningImg.gameObject.SetActive(false); } + + private Vector2 tmpOffect; + + /// <summary> + /// Start is called on the frame when a script is enabled just before + /// any of the Update methods is called the first time. + /// </summary> + void Start() + { + tmpOffect = GetComponent<RectTransform>().offsetMin; + tmpOffect = new Vector2(tmpOffect.x, tmpOffect.y * 0.5f); + + image_SkillRim.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + fire1.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + fire2.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + towerPos.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + towerPos2.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + water1.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + skill.GetComponent<RectTransform>().anchoredPosition -= tmpOffect; + + } /// <summary> /// 设置引导框 /// </summary> @@ -148,14 +203,13 @@ /// <param name="currentIndex">当前第几步</param> public void Step1(string str, int currentIndex, Action ac) { - if (currentIndex == 0) { backgroundImg.raycastTarget = false; SetRimActive(true); AddButtonListener(towerBuyBtn, ac); Image btnImg = towerBuyBtn.GetComponent<Image>(); - InitRectGuidance(btnImg, 189, 73.5f); + InitRectGuidance(btnImg, 159, 73.5f, Vector2.one); SetRimPos(towerBuyBtn); //maskObj.ShowImmediately(); @@ -167,7 +221,6 @@ } text_Tip.text = str;//动态改变长度 StartCoroutine(ShowRimTip(str)); - } public void Step1_1() @@ -212,6 +265,7 @@ { tmpMask.enabled = true; + offectBackground.SetActive(true); SetGuideUI(false); @@ -239,11 +293,12 @@ if (currentIndex == 0) { tmpMask.enabled = false; + offectBackground.SetActive(false); SetRimActive(true); Image btnImg = transform.Find("Image_TowerPos").GetComponent<Image>(); towerPos.enabled = true; - InitRectGuidance(btnImg, 75, 80); + InitRectGuidance(btnImg, 75, 80, tmpOffect); SetRimPos(btnImg.gameObject); //maskObj.ShowImmediately(); ShowDragPath(fire1.GetStartP, btnImg.rectTransform); @@ -278,7 +333,7 @@ Image btnImg = go.GetComponent<Image>(); btnImg.raycastTarget = false; - InitRectGuidance(btnImg, 75, 80); + InitRectGuidance(btnImg, 75, 80, tmpOffect); SetRimPos(go); //maskObj.ShowImmediately(); StartCoroutine(ShowRimTip(str)); @@ -295,7 +350,7 @@ /// <summary> - /// 第九步, + /// 第九步,购买水元素,第二步上阵 /// </summary> /// <param name="str"></param> /// <param name="currentIndex">当前第几步</param> @@ -303,30 +358,23 @@ { if (currentIndex == 0) { - SetRimActive(true); - image_Tip_Rect.gameObject.SetActive(false); //设置位置 AddButtonListener(towerBuyBtn, ac); - Image btnImg = towerBuyBtn.GetComponent<Image>(); - InitRectGuidance(btnImg, 189, 73.5f); + InitRectGuidance(btnImg, 159, 73.5f, Vector2.one); SetRimPos(towerBuyBtn); - //maskObj.ShowImmediately(); } else if (currentIndex == 1) { GameObject go = transform.Find("Image_TowerPos2").gameObject; Image btnImg = go.GetComponent<Image>(); btnImg.raycastTarget = true; - InitRectGuidance(btnImg, 75, 80); + InitRectGuidance(btnImg, 75, 80, tmpOffect); SetRimPos(go); - //maskObj.ShowImmediately(); ShowDragPath(water1.GetStartP, btnImg.rectTransform); } - - //StartCoroutine(ShowRimTip(str)); } public void Step9_1() @@ -348,7 +396,7 @@ } /// <summary> - /// 第12步,引导释放技能 + /// 第12步,弃用 /// </summary> public void Step11(int currentIndex, string str) { @@ -364,7 +412,7 @@ ShowDragPath(skill.GetStartP, image_SkillRim.rectTransform); - InitRectGuidance(image_SkillRim, 79, 265); + InitRectGuidance(image_SkillRim, 79, 265, tmpOffect); } else if (currentIndex == 1) @@ -384,12 +432,112 @@ SetRimActive(false); } + + /// <summary> + /// 第12步,交换水火塔 + /// </summary> + public void Step11Drag(int currentIndex) + { + if (currentIndex == 0) + { + GameConfig.CanDragTower = true; + //标记水塔 引导拖动 + towerPos.GetComponent<Image>().raycastTarget = false; + towerPos2.GetComponent<Image>().raycastTarget = false; + backgroundImg.raycastTarget = false; + SetRimActive(true); + SetGuideUI(false); + Image btnImg = towerPos2.GetComponent<Image>(); + btnImg.raycastTarget = false; + + InitRectGuidance(btnImg, 75, 80, tmpOffect); + //SetRimPos(towerPos2.gameObject); + SetRimPos(towerPos2.gameObject, new Vector2(0, 30)); + StartCoroutine(ShowRimTip("交换")); + ShowDragPath(towerPos2.GetComponent<RectTransform>().anchoredPosition, towerPos.GetComponent<RectTransform>()); + + } + else if (currentIndex == 1) + { + Image btnImg = towerPos.GetComponent<Image>(); + btnImg.raycastTarget = false; + + InitRectGuidance(btnImg, 75, 80, tmpOffect); + //SetRimPos(towerPos.gameObject); + SetRimPos(towerPos.gameObject, new Vector2(0, 10)); + + StartCoroutine(ShowRimTip("交换")); + + } + else if (currentIndex == 2) + { + SetRimActive(false); + StopShowDragPath(true); + CloseMask(); + } + } + + /// <summary> + /// 一大波敌人 + /// </summary> + public void Step11_End() + { + warningImg.color = new Color(1.0f, 1.0f, 1.0f, 0); + warningImg.gameObject.SetActive(true); + colorCount = 0; + SetWarningColor(); + } + + int colorCount = 0; + private void SetWarningColor() + { + if (colorCount < 4) + { + colorCount++; + warningImg.DOFade(colorCount % 2, 1.0f).OnComplete(SetWarningColor); + CommonDebugHelper.Debug($"执行了{colorCount}次"); + } + else + { + EventCenter.Ins.BroadCast((int)KTGMGemClient.EventType.CreateThirdWave); + warningImg.gameObject.SetActive(false); + } + } + + public void Step12() { - - SetGuideUI(true); + backgroundImg.raycastTarget = true; } + + public void Step13(string str, Action ac) + { + skillBtn.interactable = true; + + EventCenter.Ins.BroadCast((int)KTGMGemClient.EventType.GuideEnergyUp, 100); + + SetGuideUI(false); + + backgroundImg.raycastTarget = false; + SetRimActive(true); + AddButtonListener(skillBtn.gameObject, ac); + Image btnImg = skillBtn.GetComponent<Image>(); + InitRectGuidance(btnImg, 79, 79f, Vector2.one); + //SetRimPos(skillBtn.gameObject); + SetRimPos(skillBtn.gameObject, new Vector2(-15, 10)); + + text_Tip.text = str;//动态改变长度 + StartCoroutine(ShowRimTip(str)); + } + + public void Step14() + { + SetGuideUI(true); + backgroundImg.raycastTarget = true; + RemoveButtonListener(skillBtn.gameObject); + } + #region 按钮以及提示 @@ -410,7 +558,18 @@ { SetRimActive(true); RectTransform rt = target.GetComponent<RectTransform>(); - image_Rim_Rect.anchoredPosition = rt.anchoredPosition; + if (target.gameObject.name == "TowerBuyBtn") + { + image_Rim_Rect.anchoredPosition = towerBuyBtnPos - tmpOffect; + } + else if (target.gameObject.name == "FireSkillBtn") + { + image_Rim_Rect.anchoredPosition = skillBtnPos - tmpOffect; + } + else + { + image_Rim_Rect.anchoredPosition = rt.anchoredPosition; + } image_Rim_Rect.sizeDelta = (rt.sizeDelta * rt.localScale) + rimOffset; if (image_Rim_Rect.sizeDelta.x > 200) { @@ -424,8 +583,46 @@ } if (changeTipPos) + { image_Tip_Rect.anchoredPosition = new Vector2(image_Rim_Rect.anchoredPosition.x, image_Rim_Rect.anchoredPosition.y + 74 / 2 + image_Rim_Rect.sizeDelta.y / 2); + //image_Tip_Rect.anchoredPosition -= tmpOffect; + } + } + + /// <summary> + /// 设置边框的大小和位置 + /// </summary> + /// <param name="target"></param> + private void SetRimPos(GameObject target, Vector2 offect) + { + SetRimActive(true); + RectTransform rt = target.GetComponent<RectTransform>(); + if (target.gameObject.name == "TowerBuyBtn") + { + image_Rim_Rect.anchoredPosition = towerBuyBtnPos - tmpOffect; + } + else if (target.gameObject.name == "FireSkillBtn") + { + image_Rim_Rect.anchoredPosition = skillBtnPos - tmpOffect; + } + else + { + image_Rim_Rect.anchoredPosition = rt.anchoredPosition; + } + image_Rim_Rect.sizeDelta = (rt.sizeDelta * rt.localScale) + rimOffset; + if (image_Rim_Rect.sizeDelta.x > 200) + { + particle_1.SetActive(false); + particle_2.SetActive(true); + } + else + { + particle_1.SetActive(true); + particle_2.SetActive(false); + } + image_Tip_Rect.anchoredPosition = new Vector2(image_Rim_Rect.anchoredPosition.x, image_Rim_Rect.anchoredPosition.y + 74 / 2 + image_Rim_Rect.sizeDelta.y / 2); + image_Tip_Rect.anchoredPosition += offect; } IEnumerator ShowRimTip(string str) @@ -454,7 +651,7 @@ /// 抠出来一个区域 /// </summary> /// <param name="target"></param> - void InitRectGuidance(Image target, float x, float y) + void InitRectGuidance(Image target, float x, float y, Vector2 offect) { if (!maskObj.gameObject.activeSelf) { @@ -462,8 +659,18 @@ } //maskObj.Init(target); //maskObj.ShowImmediately(); - maskObj.InitForCamera(target, x, y); - + if (target.gameObject.name == "TowerBuyBtn") + { + maskObj.InitForCamera(target, towerBuyBtnPos, x, y); + } + else if (target.gameObject.name == "FireSkillBtn") + { + maskObj.InitForCamera(target, skillBtnPos, x, y); + } + else + { + maskObj.InitForCamera(target, x, y, offect); + } } /// <summary> @@ -508,7 +715,6 @@ #endregion #region 拖动效果 - private float dragTimer = 1f; private void ShowDragPath(Vector2 startP, RectTransform endP) { if (!dragHandImg.gameObject.activeSelf) -- Gitblit v1.9.1