ShaderJoy —— 两种更加自然的 “翻页 ”效果的原理和实现

举报
ShaderJoy 发表于 2021/11/18 23:13:29 2021/11/18
【摘要】 使用纯 Shader 实现翻页效果   效果视频   更自然的翻页效果 Shader 特效——更自然的翻页效果   该效果可以随着鼠标移动、任意角度,更加流畅自然。   还有一个翻页效果,都是纯 shader 实现,其中原理也是相通的。具体算法和实现请参考我之前写...

使用纯 Shader 实现翻页效果

 

效果视频

 

更自然的翻页效果

Shader 特效——更自然的翻页效果

 

该效果可以随着鼠标移动、任意角度,更加流畅自然。

 

还有一个翻页效果,都是纯 shader 实现,其中原理也是相通的。具体算法和实现请参考我之前写的下面这篇博客

Shader特效——“翻页” 效果的原理以及实现 【GLSL】

 

使用 “圆锥变形算法” 实现的翻页效果

主要的算法可以参考这篇论文《Turning Pages of 3D Electronic Books》,这是一篇 2004 年发表了的研究论文。作者巧妙而简单的解决方案 —— 把一个卷纸想象成一个维度不断变化的圆锥体,当圆锥体在书的表面滚动时,纸就会绕着这个圆锥体旋转。读了这篇文章,会更容易理解,但有些关键部分作者一带而过,所以,以下将对该论文中省略的部分进行补充,以方便读者理解:

<

文章来源: panda1234lee.blog.csdn.net,作者:panda1234lee,版权归原作者所有,如需转载,请联系作者。

原文链接:panda1234lee.blog.csdn.net/article/details/104484277

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。