注:该文为学习笔记,具体请看b站upMichael-Studio的unity教程2D入门:13敌人Enemy!

环境:unity2020.3

本章目标:制作游戏中的弹出窗口

Panel

对话框肯定是一个面板嘛,所以先新建一个面板

canvas——右键——UI——Panel

之后调节面板的属性

位置:UI一般是要锁定位置对齐方式的,确定之后再手动调节到想要放置的位置即可

大小:我选的是对其方式是bottom-center所以我需要调节的是宽度和高度(不同的选择有可能不同

颜色:颜色和透明度自选,在Image组件的Color里面,点开之后最后一行是透明度

还可以加背景图片什么的,这里先不说

Penal配Text

一般对话框都是要有提示语的嘛,所以可以以该Panel为父节点添加Text子节点,其中文字的样式调节就不赘述了

小白的时候干过一件傻事:我把字体调的很大,然后发现Text里面什么都不显示,其实是你的text太小了,盛不下,拉大一点就行了

一个小技巧(与本文内容无关

按下alt键,可以以中心为对称点调节大小(我是用来调节Text的大小的

弹出Panel

底层逻辑:触发某个事件——弹出Penal

比如,角色走到某个位置,弹框自动弹出,比如说走到这里

最简单的方法就是在这放一个碰撞体

新建一个空的gameobject——添加collider组件——将collider调到合适的大小放在想要的位置并勾选Trigger选项——脚本实现碰撞到该触发器后的反应

代码如下,挂到放置碰撞体的object上即可

public class Dialog : MonoBehaviour
{public GameObject GGDialog;private void OnTriggerEnter2D(Collider2D obj) {if(obj.tag=="Player")// 这里注意,根据tag不同自行改动,只是这里我的物体tag叫做Player{GGDialog.SetActive(true);}}private void OnTriggerExit2D(Collider2D obj) {if(obj.tag=="Player"){GGDialog.SetActive(false);}  }
}

Penal渐入渐出的效果

如果没有很多图片怎么形成动画?unity提供录制功能,开始录制后就相当于K关键帧,在一点调整好一个状态,在下一点调整到另一个状态,然后播放,使之成为一段视频

前期的步骤和给物体添加animation是一样的,但是要点击左上角的小红点开始录制而非拖入图片

我一共录了三帧,完全没有——一点点——完全显示

我觉得很有比要跨一波unity,绝了,居然还自动补间!!

这样就可以了,就很nice,对吧?

unity2D:对话框Dialog——弹出、渐入渐出相关推荐

  1. MASM32编程实现窗口渐入渐出效果

    因为工作太忙,好久没写程序代码了,不过编写程序的乐趣令我乐此不疲. 天天跟电脑打交道,一忙起来就忘了休息,弄得眼睛都花了~ 为了保护眼睛,偶决定写一个定时强制休息的程序~ 虽然现在这类程序已有不少,不 ...

  2. 微信小程序-实现元素渐入渐出动画效果-封装方法

    开端 之前一直使用堪称"万能"的jQuery处理用户交互的动画,近日开发微信小程序,微信小程序高度限制的语法和功能使开源函数可谓对其"无能为力". 那没办法,只 ...

  3. Taro React组件使用(1) —— Overlay 遮罩层【渐入渐出动画遮罩层】

    Overlay 遮罩层 提供一个简单的 Overlay 遮罩层,在页面上的层级为 1026; 1. 使用指南 在 Taro 文件中引入组件,将组件放入src下的components文件夹中 impor ...

  4. matlab 柱面投影,图像拼接(不投影到柱面)(渐入渐出融合) matlab程序

    1,先拍摄一组图片,比如两幅图:A.B 我直接用网上的两幅图: 2,分别投影到柱面坐标系 就用自己写的柱面投影程序 matlab里 结果: 3,开始配准第一步:SIFT得到匹配对(直接用OpenCV里 ...

  5. 图像拼接(一):柱面投影+模板匹配+渐入渐出融合

    这种拼接方法的假设前提是:待拼接的两幅图像之间的变换模型是平移模型,即两幅图像同名点位置之间只相差两个未知量:ΔxΔx 和ΔyΔy,自由度为2,模型收得最紧.所以只有所有图像都是用同一水平线或者同一已 ...

  6. 图像拼接(二):柱面投影+模板匹配+渐入渐出融合(GPU版)

    本篇博客的代码修改自图像拼接(一):柱面投影+模板匹配+渐入渐出融合.新的代码充分利用了OpenCV库函数的GPU版本.在一些方法中使用了GpuMat这一数据结构,它是Mat的替代.Mat运行在CPU ...

  7. 图像拼接(不投影到柱面)(渐入渐出融合) matlab程序

    1,先拍摄一组图片,比如两幅图:A.B 我直接用网上的两幅图: 2,分别投影到柱面坐标系 就用自己写的柱面投影程序 matlab里 结果: 3,开始配准第一步:SIFT得到匹配对(直接用OpenCV里 ...

  8. 【Unity】渐入渐出的黑屏(白屏)过场动画最简单的实现

    一个简单的黑屏动画,用于2D项目,效果类似慢眨眼.进/出房间时切换场景的衔接过渡. 这种效果的实现方式其实蛮多的,我能想到的包括用shader,用一张全黑Sprite覆盖屏幕,或者直接做成一个UI. ...

  9. 仿Expandablelistview效果的ListView(加入了子列表渐入渐出的动画)

    新来的项目要求第一眼一看就是用Expandablelistview.效果图如下:             其实本来希望直接使用Expandablelistview的,但是需求Expandablelis ...

最新文章

  1. 如何搭建高可用redis架构?
  2. vue v-if指令
  3. python遍历目录_Python遍历目录的4种方法
  4. 技术动态 | eBay开源分布式知识图谱存储Beam,支持类SPARQL查询
  5. CEPH快速部署(Centos7+Jewel)
  6. 网管实战之使用RSA实现企业安全访问
  7. 求助(十万火急):关于httpwebrequest发送请求绑定ip的问题.
  8. bzoj千题计划240:bzoj3900: 交换茸角
  9. 孤荷凌寒自学python第八十天开始写Python的第一个爬虫10
  10. mfc 添加变量出现灾难性故障_实验室近期论文:储罐灾难性失效事故的漫堤预测模型...
  11. Android自定义签名文件 testkey.pk8 testkey.x509.pem
  12. linux14.04镜像,ubuntu14.04 iso镜像下载
  13. 做外贸建站和营销的注意事项
  14. [PHP]关于GearmanClient的诡异事件
  15. Echarts世界国家中英文对照
  16. 罗永浩直播卖货,体现了一个年近50岁男人的无奈
  17. python 笔记 将一个log文件转换成excel提取数据保存
  18. SpringBoot+Vue项目线上教学平台
  19. 轻松把迪文温控器接入迪文云
  20. VIC运行笔记2019.05.01

热门文章

  1. 深度学习笔记-LeNet和AlexNet
  2. Linux下EPICS的安装与配置——Phoebus配置与PV连接
  3. 低学历可以学习IT技术吗?
  4. Linux平台彻底卸载MySQL总结
  5. 百度百科怎么引流?如何进行百度百科推广?百度百科推广怎么做?
  6. android canvans 画3d,Canvas 3D梯形
  7. IIC通信协议详解 PCF8591应用(Verilog实现FPGA)
  8. 微信小程序css篇----定位(position)
  9. 十三.人脸检测和车牌识别
  10. campaign 缩写_Campaign Monitor的画布:简化电子邮件设计