先前我们发过介绍FUI的推送? 钢铁侠电影里那些漂亮酷炫的动画界面 | FUI 先介绍一下本文作者Dex，图形程序员，在德国学习计算机和数字媒体艺术，实时渲染圈老炮，在2010年自制游戏引擎Quantumas，实力超群，独树一帜， 立刻被当时的游戏引擎一哥cryteck公司挖了去。下面 ?是作者照片和Quantumas引擎的showReel视频。
今天这篇教程院子这位老哥在朋友圈的一则吐槽
可以交互的真的FUI(科幻UI)，做完了才一共4MB，可以用在前端，可以用在AR，可以用在VR，可以配合半透明全息投影膜用在展览展示上，单凭这一点，还有什么理由拒绝Unity这种工具。 但是以防万一，大佬对Unity的打开方式和你的打开方式差太多，我们邀请Dex给出了教程? 前几天发了一条小作品，没想到有些细节大家还挺感兴趣的。今天主要来看看这个这个紫色的环，如何全部使用代码去生成它，这套UI其余的部分以及设计迭代流程大概以后再来写。本次的教程难度大约中等偏下吧，不过由于比较忙拖了很久才写出来。以下会涉及到的概念有：像素着色器Pixel Shader，一元一次方程，极坐标和基本逻辑运算。其中一些复杂的小细节我会刻意略过，有疑问的地方可以提问。
· 适合读者水平：中级。 · 要求要有Unity的基本使用和shader的基础的知识，入门级编程知识。以及残存的一点初中数学记忆。 · Unity版本请使用2018+ 。 进入正题。 首先我们要把问题分解一下，在不考虑弧形的情况下
很明显这个是一个VU显示风格的柱状图，它由以下几个部分组成： 1. 柱状填充 2. 顶端描边 3. 起伏的动画数据
所以整个流程简单来说就是把噪音使用柱状图的方式画出来就行了。 下面按照上述步骤来讲
先前我们发过介绍FUI的推送? 钢铁侠电影里那些漂亮酷炫的动画界面 | FU
阅读背景：
unity 知道2点计算线段选择角度_所以拿Unity做UI有多猛？| Unity系前端_weixin_39804329的博客
来源：互联网
分享到：
