Unity UGUI的PhysicsRaycaster (物算法能力可视化理射线检测)组件的介绍及使用

这篇具有很好参考价值的文章主要介绍了Unity UGUI的PhysicsRaycaster (物算法能力可视化理射线检测)组件的介绍及使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 什么是Outline(描边)组件?

Outline(描边)组件是Unity UGUI中的一种特效组件,用于给UI元素添加描边效果。通过设置描边的颜色、宽度和模糊程度,可以使UI元素在视觉上更加突出。

2. Outline(描边)组件的工作原理

Outline(描边)组件通过在UI元素周围绘制多个相同的UI元素,并设置不同的颜色和大小,从而实现描边的效果。描边的宽度和模糊程度可以通过调整参数来控制。

3. Outline(描边)组件的常用属性

  • Effect Color:描边的颜色。
  • Effect Distance:描边的距离,可以设置为正值或负值。
  • Use Graphic Alpha:是否使用UI元素的透明度作为描边的透明度。
  • Blur:描边的模糊程度。
  • Outline:描边的宽度。

4. Outline(描边)组件的常用函数

  • ModifyMesh:修改UI元素的网格,用于绘制描边效果。

5. 完整例子代码

例子1:给按钮添加红色描边

using UnityEngine;
using UnityEngine.UI;

public class Example1 : MonoBehaviour
{
    public Button button;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.red;
        outline.effectDistance = new Vector2(2, -2);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 5;
    }
}

操作步骤:

  1. 创建一个按钮,并将Example1脚本挂载到按钮上。
  2. 将按钮的Outline组件拖拽到Example1脚本的outline变量上。
  3. 在Start函数中,设置outline的属性,包括effectColor、effectDistance、useGraphicAlpha、blur和outline。

注意事项:文章来源地址https://www.toymoban.com/news/detail-726123.html

  • 可以根据需要调整描边的颜色、距离、透明度、模糊程度和宽度。

例子2:给文本添加蓝色描边

using UnityEngine;
using UnityEngine.UI;

public class Example2 : MonoBehaviour
{
    public Text text;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.blue;
        outline.effectDistance = new Vector2(1, -1);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 3;
    }
}

操作步骤:

  1. 创建一个文本对象,并将Example2脚本挂载到文本对象上。
  2. 将文本对象的Outline组件拖拽到Example2脚本的outline变量上。
  3. 在Start函数中,设置outline的属性,包括effectColor、effectDistance、useGraphicAlpha、blur和outline。

注意事项:

  • 可以根据需要调整描边的颜色、距离、透明度、模糊程度和宽度。

例子3:给图片添加绿色描边

using UnityEngine;
using UnityEngine.UI;

public class Example3 : MonoBehaviour
{
    public Image image;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.green;
        outline.effectDistance = new Vector2(3, -3);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 7;
    }
}

操作步骤:

  1. 创建一个图片对象,并将Example3脚本挂载到图片对象上。
  2. 将图片对象的Outline组件拖拽到Example3脚本的outline变量上。
  3. 在Start函数中,设置outline的属性,包括effectColor、effectDistance、useGraphicAlpha、blur和outline。

注意事项:

  • 可以根据需要调整描边的颜色、距离、透明度、模糊程度和宽度。

例子4:给滑动条添加黄色描边

using UnityEngine;
using UnityEngine.UI;

public class Example4 : MonoBehaviour
{
    public Slider slider;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.yellow;
        outline.effectDistance = new Vector2(2, -2);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 5;
    }
}

操作步骤:

  1. 创建一个滑动条对象,并将Example4脚本挂载到滑动条对象上。
  2. 将滑动条对象的Outline组件拖拽到Example4脚本的outline变量上。
  3. 在Start函数中,设置outline的属性,包括effectColor、effectDistance、useGraphicAlpha、blur和outline。

注意事项:

  • 可以根据需要调整描边的颜色、距离、透明度、模糊程度和宽度。

例子5:给输入框添加紫色描边

using UnityEngine;
using UnityEngine.UI;

public class Example5 : MonoBehaviour
{
    public InputField inputField;
    public Outline outline;

    void Start()
    {
        outline.effectColor = Color.magenta;
        outline.effectDistance = new Vector2(1, -1);
        outline.useGraphicAlpha = true;
        outline.blur = 0;
        outline.outline = 3;
    }
}

操作步骤:

  1. 创建一个输入框对象,并将Example5脚本挂载到输入框对象上。
  2. 将输入框对象的Outline组件拖拽到Example5脚本的outline变量上。
  3. 在Start函数中,设置outline的属性,包括effectColor、effectDistance、useGraphicAlpha、blur和outline。

注意事项:

  • 可以根据需要调整描边的颜色、距离、透明度、模糊程度和宽度。

到了这里,关于Unity UGUI的PhysicsRaycaster (物算法能力可视化理射线检测)组件的介绍及使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity所以说是玩具, UGUI的PhysicsRaycaster (物理射线检测)组件的介绍及使用

    PhysicsRaycaster是Unity UGUI中的一个组件,用于在UI元素上进行物理射线检测。它可以检测鼠标或触摸事件是否发生在UI元素上,并将事件传递给相应的UI元素。 PhysicsRaycaster通过发射一条射线来检测UI元素。当射线与UI元素相交时,PhysicsRaycaster会将事件传递给相应的UI元素。 Event

    2024年02月22日
    浏览(41)
  • Unity UGUI的PhysicsRaycaster (物理射相当于利用泛型函数保存了类型信息线检测)组件的介绍及使用

    这是在Datadog公司任职的Kevin Gosse大佬使用C#编写.NET分析器的系列文章之一,在国内只有很少很少的人了解和研究.NET分析器,它常被用于APM(应用性能诊断)、IDE、诊断工具中,比如Datadog的APM,Visual Studio的分析器以及Rider和Reshaper等等。之前只能使用C++编写,自从.NET NativeAOT发

    2024年01月22日
    浏览(63)
  • 可视化 | 数据可视化降维算法梳理

    本篇博客整理资源来源及代码来源,本篇主要是基于该资源,针对各种数据可视化降维算法流程梳理及可视化实践感知。 鸢尾花数据集收集了3种不同品种的鸢尾花(山鸢尾、变色鸢尾和维吉尼亚鸢尾)的特征数据。 每个样本包含了四个特征:萼片长度(sepal length)、萼片宽

    2024年02月06日
    浏览(52)
  • Unity制作数据可视化三维场景

    数据可视化大屏是这几年比较热门的一个方向,人们对数据的感知方式,也慢慢要求更严苛了。 Bi报表到数据可视化大屏,再到三维可视化大屏,这个发展趋势也体现了人们在使用数据可视化大屏时对效果的要求逐渐提高。 2维图表在过去几年的使用中,不断完善,已经有了

    2023年04月10日
    浏览(46)
  • Unity数字可视化学校_昼夜(二)

    1、时间设置:    2、新建夜晚  3、新建侧置球(BOX),测试灯光强度  降低亮度  色调:冷色调  4、自发光  新建shader 灯光控制   道路线:  建筑:  夜晚加灯光:  玻璃:   加大灯光数量:  边缘灯光改为动态:  树:      添加粒子效果:  夜晚控制条:

    2024年02月14日
    浏览(35)
  • Unity行为树可视化编辑器开发

    在ARPG项目的开发过程当中,要涉及到NPC的AI系统,一般来说,简单的AI行为使用状态机即可比较好的实现,但如果NPC的行为稍微一复杂,那么使用状态机来实现就会比较难维护,并且后期工作量会随着NPC状态的增加而成倍增加。 这时就可以考虑使用行为树来实现NPC的AI,行为

    2024年02月11日
    浏览(43)
  • 2023物联网新动向:WEB组态除了用于数据展示,也支持搭建业务逻辑,提供与蓝图连线和NodeRed规则链类似的可视化编程能力

    前言 组态编辑在工业控制、物联网场景中十分常见,越来越多的物联网平台也把组态作为一项标配功能。 物联网产业链自下往上由“端 - 边 - 管 - 云 -用”多个环节构成,组态通常是用于搭建数据展示类型的应用,而随着系统集成度越来越高,项目中对应用的业务逻辑的要求

    2024年02月10日
    浏览(38)
  • 优化算法3D可视化

    分别画出  和  的3D图 这段代码我试了老师给的代码,不对劲,不能动,而且没有轨迹,更过分就是一会儿就自动关闭了,还有再优化优化 改了一上午,终于好了,我修改了 以下是我的代码:   用网页做的竟然还带水印  不在意水印的推荐 1、 SGD    SGD从图像上来看,呈现

    2024年02月03日
    浏览(92)
  • 基于Hadoop的疫情信息分析与可视化研究——包含大屏可视化及预测算法

      需要本项目的全套环境、代码、文档、资源、数据和部署调试的私信博主!!! 本研究基于中国新冠疫情2020-01-11至2022-12-20的全国整体数据进行疫情大数据分析,通过对历史的数据进行大数据分析,可以有效的掌握过去疫情数据的特点,便于对疫情之后的防控提供更好的决

    2024年02月15日
    浏览(46)
  • 【Unity之IMGUI】—编译模式下控件可视化及其封装

    👨‍💻个人主页 :@元宇宙-秩沅 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 秩沅 原创 👨‍💻 收录于专栏 :UnityUI篇实战 缺点1:无法在编译过程进行可视化调整 缺点2:无法分辨率自适应 此图可忽略 UML类图 性能优化代码 完整代码: 按钮封装代

    2024年02月10日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包