Turn.js 实现翻书效果(自适应单双页)，可以用来制作电子版企业宣传册，演示链接：https://www.showwen.com/show/xinzhi/
2022-05-06 10:40:47
2.8MB
1
解决androidP以上Android利用贝塞尔曲线实现翻书效果XOR方法无法使用的难题
2022-02-08 09:12:05
13KB
今天实现一个简单的翻书的效果，话不多说，先上一张效果图：
这里就随便用的一张纹理了，我们还是称为“翻木板”吧，哈哈。
实现过程：
其实这个效果实现起来还是挺简单的，大概思路其实就是 让所有顶点都绕Z轴旋转，并且通过正余弦使之带有一点弧度。
下面开始让我们一步一步的实现该效果。
首先打开Unity新建一个工程，场景，并且创建一个名为openBookEffect的Shader文件，删掉原本多余的代码。
第一步，我们先让它绕z轴旋转起来
这里就要用到一个旋转矩阵了，让顶点左乘该矩阵，就能得到旋转之后的位置了。（ps:这里就不详细的解释旋转矩阵怎么推导来的了，有兴趣的可以去百度了解一下。）
旋转矩阵
2022-01-13 18:21:42
287KB
1
这是一款大师级的html5翻书效果（翻页效果），这种翻书效果使用了css3 3d transform属性和少量的js来实现鼠标hover书本时，书本打开动画。注意：必须是支持css3 3d transform属性的浏览器才有效果。IE10看不到效果。
2021-12-06 10:50:04
104KB
1