如何通过Unity Shader技术实现翻书动画效果,打造长尾词的视觉冲击?

2026-04-12 12:191阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1780个文字,预计阅读时间需要8分钟。

如何通过Unity Shader技术实现翻书动画效果,打造长尾词的视觉冲击?

今天实现了一个简单的翻书效果,不多说,先上一张效果图:+ 这里就随便用了一张纹理图,我们还是称之为翻页板吧,哈哈。+ 实现过程:+ 实际上这个效果实现起来还蛮简单的,大翻一下。

今天实现一个简单的翻书的效果,话不多说,先上一张效果图:

这里就随便用的一张纹理了,我们还是称为“翻木板”吧,哈哈。

实现过程:

其实这个效果实现起来还是挺简单的,大概思路其实就是 让所有顶点都绕Z轴旋转,并且通过正余弦使之带有一点弧度

下面开始让我们一步一步的实现该效果。

首先打开Unity新建一个工程,场景,并且创建一个名为openBookEffect的Shader文件,删掉原本多余的代码。

第一步,我们先让它绕z轴旋转起来

这里就要用到一个旋转矩阵了,让顶点左乘该矩阵,就能得到旋转之后的位置了。(ps:这里就不详细的解释旋转矩阵怎么推导来的了,有兴趣的可以去百度了解一下。)

旋转矩阵有3种:

1.绕x轴旋转:

2.绕y轴旋转

3.绕z轴旋转

很明显,我们这里需要用到的是第三个 绕z轴旋转的矩阵

阅读全文

本文共计1780个文字,预计阅读时间需要8分钟。

如何通过Unity Shader技术实现翻书动画效果,打造长尾词的视觉冲击?

今天实现了一个简单的翻书效果,不多说,先上一张效果图:+ 这里就随便用了一张纹理图,我们还是称之为翻页板吧,哈哈。+ 实现过程:+ 实际上这个效果实现起来还蛮简单的,大翻一下。

今天实现一个简单的翻书的效果,话不多说,先上一张效果图:

这里就随便用的一张纹理了,我们还是称为“翻木板”吧,哈哈。

实现过程:

其实这个效果实现起来还是挺简单的,大概思路其实就是 让所有顶点都绕Z轴旋转,并且通过正余弦使之带有一点弧度

下面开始让我们一步一步的实现该效果。

首先打开Unity新建一个工程,场景,并且创建一个名为openBookEffect的Shader文件,删掉原本多余的代码。

第一步,我们先让它绕z轴旋转起来

这里就要用到一个旋转矩阵了,让顶点左乘该矩阵,就能得到旋转之后的位置了。(ps:这里就不详细的解释旋转矩阵怎么推导来的了,有兴趣的可以去百度了解一下。)

旋转矩阵有3种:

1.绕x轴旋转:

2.绕y轴旋转

3.绕z轴旋转

很明显,我们这里需要用到的是第三个 绕z轴旋转的矩阵

阅读全文