Canvas 组件介绍
Canvas 组件的用途是用于 UGUI 系统内的 UI 游戏物体的渲染。
如果没有该组件,所有的 UGUI 游戏物体都将无法显示。
而 Canvas 组件本身又分为三种渲染模式:
  ①Screen Space - Overlay 覆盖模式
  ②Screen Space - Camera
  ③World Space
这三种渲染模式分别用于不同的渲染需求,Canvas 组件上其余的属性都是根
据我们选择的不同的渲染模式,而跟随发生改变的。
也就是说:不同的渲染模式,对应不同的控制属性。
========================================================
Screen Space-Overlay(屏幕空间-覆盖模式)
  屏幕空间--指的是显示屏的2D空间,X轴和Y轴
  覆盖模式--UI元素永远在3D元素的前面,UI覆盖3D (默认模式)
  在 Overlay 模式下,UGUI 和摄像机无关
---------------
2.相关属性
  Pixel Perfect:完美像素,UI 和屏幕像素对应,UI 图片不会出现锯齿边缘;
  Sort Order:排序层,用于设置画布的深度层级(场景存在多个 Canvas 时);
  在同一个场景内允许出现多个 UGUI 的 Canvas 画布
========================================================
Screen Space-Camera(屏幕空间-摄像机模式)
  摄像机模式:设置成该模式后,需要指定一个摄像机游戏物体,指定完毕后,
  UGUI 就会自动出现在该摄像机的“投射范围”内。
  如果现在隐藏掉摄像机游戏物体,UGUI 也是无法渲染显示的。
----------------------------------
2.相关属性
  Render Camera:渲染摄像机,指定用于渲染 UGUI 元素的摄像机;
  Plane Distance:面板距离,控制 UGUI 元素和摄像机之间的距离。
========================================================
WorldSpace(世界空间模式)
  世界空间模式:是相对于屏幕空间而言的,世界空间是 x,y,z 三个轴向。
  设置成该模式后,UGUI 就相当于是场景内的一个普通的“Cube 游戏模型”,
  我们是可以在场景内任意的移动 UGUI 元素的位置。
----------------------------------
2.应用案例演示
  3D 模式的跟随血条;
  Canvas设置成为子物体,并选择WorldSpace模式
  代码控制位置position,旋转rotation等
  VR 项目开发中的场景 UI。

========================================================

转载于:https://www.cnblogs.com/madinglin/p/8476831.html

UGUI组件之Canvas 组件简单笔记相关推荐

  1. Tkinter的Canvas组件

    一.简介 Canvas组件,是一个可以绘制界面的组件, Canvas组件是通用的组件,通常用来显示或编辑图形,可以用来绘制直线.圆形.多边形,甚至是绘制其他组件 二.用Canvas绘制简单的直线与矩形 ...

  2. ugui源码_UGUI 源码笔记(一)文件结构和部分组件使用

    这是我阅读 UGUI 源码记录的相关笔记,共三部分.文件结构和部分组件使用.输入事件.核心部分 ZeroyiQ:UGUI 源码笔记(一)文件结构和部分组件使用 ZeroyiQ:UGUI 源码笔记(二) ...

  3. Flutter学习笔记(10)--容器组件、图片组件

    如需转载,请注明出处:Flutter学习笔记(10)--容器组件.图片组件 上一篇Flutter学习笔记(9)--组件Widget我们说到了在Flutter中一个非常重要的理念"一切皆为组件 ...

  4. 微信小程序画布Canvas组件touchend事件不触发处理

    一.摘要 在微信小程序手势图案锁屏.解锁实现并提供onSuccess等回调一文中,用Canvas画布组件实现了类似Android和Iphone的图案锁屏.解锁功能,除去偶尔卡顿.滑动不连续外,其它都还 ...

  5. 微信小程序开发笔记⑤——事件、音频(音乐)组件、movable-area组件和cover-view组件

    事件 官网描述 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html 在小程序中存在两种事件, ...

  6. 【微信小程序之画布】一:canvas组件

    微信小程序开发交流qq群   173683895    承接微信小程序开发.扫码加微信. 正文: 此文章主要是对canvas组件的介绍与基本的使用.在组件中绘画了一条固定的直线. 我们先了解一下can ...

  7. element-ui button组件 radio组件源码分析整理笔记(一)

    Button组件 button.vue <template><buttonclass="el-button"@click="handleClick&qu ...

  8. client高性能组件化框架React简单介绍、特点、环境搭建及经常使用语法

    [本文源址:http://blog.csdn.net/q1056843325/article/details/54729657 转载请加入该地址] 明天就是除夕了 预祝大家新春快乐 [ ]~( ̄▽ ̄) ...

  9. Vue学习(组件传参)-学习笔记

    文章目录 Vue学习(组件传参)-学习笔记 父到子 子到父 父操作子-ref(类似于操作dom) 兄弟之间传参 Vue学习(组件传参)-学习笔记 父到子 Father:(index) <temp ...

最新文章

  1. 结合实例讲解广域网路由基本技术
  2. 【Android RTMP】RTMP 直播推流服务器搭建 ( Ubuntu 18.04.4 虚拟机 )
  3. 算法基础之搜索和经典排序
  4. 计算机语言由低到高就被分为了什么阶段,2004年4月高等教育自学考试认知心理试题...
  5. 【Python】表白代码
  6. python3.8的用法_Python3.8对可迭代解包的改进及用法详解
  7. java 启动顺序_java语句执行顺序
  8. Word论文排版技能积累
  9. phpmywind 调取导航
  10. IPTV系统中EPG模块的设计与实现
  11. java实现Word文档(doc、docx)在线查看功能(前台+后台)
  12. TERMIN汤铭,FE8.1芯片一进四出扩展坞(HUB)集线器芯片。
  13. 【TopCoder SRM 551 Div2】Solutions
  14. 做了一个仿吃鸡游戏,可多人联网,算是学习总结。
  15. python鸢尾花案例_BP算法实例—鸢尾花的分类(Python)
  16. ElasticSearch断路器
  17. 怎样调研一个公司的各项数据?
  18. 三分钟读懂外汇保证金交易,告诉你我为什么要做外汇交易!(开篇)
  19. paypal pdt php 5.3,opencart经验分享-paypal的配置与PDT Token的获取 | SDT技术网
  20. 如何理解Liveupdate Administrator (LUA) 下SEP的更新文件

热门文章

  1. Git++ - 有趣的命令
  2. 我对Java Serializable(序列化)的理解和总结
  3. 傅里叶变换是用来做什么的,具体举例一下应用?
  4. OpenCV系列(三):Mat详解
  5. C#远程访问linux(ubuntu)或windows的mysql数据库
  6. opencv 金字塔图像分割
  7. 简明python教程 --C++程序员的视角(六):输入输出IO
  8. Taylor泰勒级数
  9. Day 22: 使用Spring、MongoDB和AngularJS开发单页面应用
  10. 希腊字母(mark)