UGUI鼠标点击扩散UI效果

在这里插入图片描述
canvas上挂载Diffuse脚本
unity的奇妙之处就是对底层不了解,你就会懵逼,而我已经懵逼
思路是鼠标点击的位置来一个圆形检测,然后鼠标位置减去检测到的碰撞体的位置的一个向量归一化后给一个你想给你的扩散的距离

1,第一个懵逼,鼠标点击的Input.mouseposition并不能直接使用,必须以屏幕的高宽结合Input.MousePosition才能得到正确的鼠标点击位置

2,第二个懵逼 这个正确的鼠标位置并不能以这个位置进行圆形检测,必须在此点生成一个物体,通过这个物体的位置进行圆形检测,对此我只能说牛逼

3,第三个懵逼 先前使用GridLyaoutGrounp进行格子生成,然后删除掉这个组件,因为怕有影响,这时生成的格子的描点全是左上对其,将描点设置为中心点,会修复格子回到原位时产生的偏差

diffuse脚本,生成的img就是随便Canvas创建的Img作为的预制体在这里插入图片描述
Cell脚本挂载在格子(Image)上面
在这里插入图片描述
再贴一张白嫖的图,方便以后查看这个rectransform
在这里插入图片描述
效果图
在这里插入图片描述

锚点很神奇,这是个巨坑,3个坐标巨坑。用了很久的时间解决坐标的问题。jay的歌和写代码挺搭,funny

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值