今天实现一个简单的翻书的效果，话不多说，先上一张效果图：这里就随便用的一张纹理了，我们还是称为“翻木板”吧，哈哈。实现过程：其实这个效果实现起来还是挺简单的，大概思路其实就是 让所有顶点都绕Z轴旋转，并且通过正余弦使之带有一点弧度。下面开始让我们一步一步的实现该效果。首先打开Unity新建一个工程，场景，并且创建一个名为openBookEffect的Shader文件，删掉原本多余的代码。第一步，我
转载
2024-05-15 09:02:39
285阅读
之前在网上看到一个Shadr可以实现旋转效果，就拿来实现一个翻书效果。解决办法是用不同模型的显示与隐藏，像序列帧一样，为了实现效果感觉实现起来很繁琐且占用资源，后期优化可考虑用对象池解决。今天就试着用vertex shader来实现一下，互相交流学习，大神勿喷。实现简单的翻书效果大概需要三步：1.Plane的扭曲2.Plane的旋转3.正反面的采样Plane的扭曲：翻书的效果大概是，中间向外突出，
转载
2024-05-15 11:16:47
480阅读
尝试练习翻书效果shader的制作思路翻页原理直翻页：思路：代码：总结：曲线从一角翻页思路：效果把效果和数学联系起来角翻页有点复杂，，， 思路直直的翻页，即将页面旋转180完成翻页，不存在弯曲效果弯曲翻页，页面从一个角有曲线的翻动直翻页：https://zhuanlan.zhihu.com/p/28836892 直翻页参考上边，但是他的效果不好(谁见过书从中间翻出来一页的。。)，所以自己使用un
Vertex Shader之前看到过类似“Unity怎么实现类似书本的翻页效果”之类的问题，答案大多是利用现成的插件来实现，这听上去似乎并没有实际上解决这个问题。后来又看到过一些更靠谱的解决方案例如利用UGUI的vertex modifier修改顶点、或者使用骨骼动画。 等一下，修改顶点？ 修改网格数据这事没有必要一定要在cpu上进行，我们把这活放到GPU上让它来实现顶点的修改是不是更有趣一点呢。
转载
2024-05-09 13:27:52
504阅读
动作游戏还记得读书的时候熬夜打《波斯王子》的时光，我们的王子通过跳跃穿过墙壁的小洞、在高层建筑上进行攀爬和跳跃，还有在操作失误掉下高楼和触发必死机关后使用时之沙的时光倒流功能回归死亡之前的开挂技能。而现在这些功能使用Unity3D的Mecanim都可以非常简单的实现了！这篇笔记主要记录下Mecanim的3个高级功能：Animation Curve：可以根据动画的运行时间自定义一条曲线，在播放动画时
转载
2024-07-14 07:53:21
45阅读
0x00 前言有一段时间没有更新博客了，在考虑写点什么的时候正好赶上了这个月我的书《Unity 3D脚本编程》又加印了。因此写篇小文聊聊利用shader来实现翻书的效果吧。 虽然本文是这个周日下午雨天的临时起意，而演示的Demo也有广告之嫌，但是还是希望各位看官如果觉得有收获的话能够点赞支持。0x01 Vertex Shader之前看到过类似“Unity怎么实现类似书本的翻页效果”之类的问题，答案
转载
2024-05-18 15:17:52
74阅读
需要在Unity实现达到仿真的翻书效果，我们一般可以借助megaFierstext插件来完成。下载地址：http://pan.baidu.com/s/1kTorsm7导入Unity后，打开默认scene，在MainCamera上可以看到FilpOver脚本。这便是控制具体翻页的脚本。代码结构分析（伪代码）如下：在Awake()与Start()函数中：初始化整本书：  
转载
2024-06-06 22:48:33
288阅读
实现效果：模仿完整的翻书动作。 制作流程： 创建一个PageMesh 分配前和后材料球 设置高度为0 添加修改对象脚本（MegaModifyObject），然后添加PafeFlip 对Turn值进行修改实现翻页效果 接下来制作一本完整的书 创建主节点（命名为Book） 接下来，创建封面主助手，并添加为子元素 现在我们要创建两个PageMeshes，这是前面和后面的内容 我把尺
转载
2024-06-16 12:06:40
337阅读
公众号文章的点击切换多张图片效果，可以制作翻书的效果，只有点击才会变图哦。特别简单，但是效果很棒，那怎么制作呢？ 应用场景 这个非常适合制作翻书的效果，粉丝每点击一次都可以切换下一张图片，当然可以发挥自己的想象力，比如时光流逝的，人物成长的，历年的变化等效果都是非常合适的。 实际效果 连续点击切换图片 一.上传图片并记录图片地址 先传几张高度和宽度一样的图片到键盘喵速排，推
转载
2024-04-29 05:35:35
707阅读
1.如何快速的在unity3d实现与现实中翻书类似的翻书动作，在这里借助一个插件，可以在unity3d中assetStore里找到 我们首先来看下效果，这是我们自定义的书页内容 2.看完效果，接下来看看实现流程 首先将包导入unity3d，里面有几个示例场景，还有一些有趣的功能，有兴趣的可以自己去探索，本文讲些本插件的基础用
转载
2024-02-23 22:16:18
311阅读
Turn.js 官网链接：http://www.turnjs.com/ 简介 官网对于这个js插件的介绍是这个样子的： Turn.js is a JavaScript library that will make your content look like a real book or mag ...
转载
2021-08-07 18:54:00
541阅读
2评论
法线贴图，在切线空间中计算光照的 shader:Shader "Unity Shaders Book/Chapter7" {
Properties
{
_Color("Color Tint", Color) = (1,1,1,1)
_MainTex("Main Tex", 2D) = "white" {}
_BumpMap("No
0x00 前言有一段时间没有更新博客了，在考虑写点什么的时候正好赶上了这个月我的书《Unity 3D脚本编程》又加印了。因此写篇小文聊聊利用shader来实现翻书的效果吧。 虽然本文是这个周日下午雨天的临时起意，而演示的Demo也有广告之嫌，但是还是希望各位看官如果觉得有收获的话能够点赞支持。0x01 Vertex Shader之前看到过类似“Unity怎么实现类似书本的翻页效果”之类的问题，答案
Preferences首选项Unity provides a number of preference panels to allow you to customise the behaviour of the editor.Unity提供了许多首选项面板允许你自定义编辑器的行为.General常规 Auto Refresh自动更新Should the editor upda
转载
2024-09-23 10:18:43
69阅读
Scene View Control Bar场景视图控制栏The Scene View control bar lets you choose various options for viewing the scene and also control whether lighting and audio are enabled. These controls only affect the sc
转载
2024-10-14 14:15:12
58阅读
Unity翻书效果 目前做的VR项目中需要一个翻阅魔法书的效果，考虑过使用UnityBookPageCurl-master插件，但是那个插件是纯UI显示的，只有二维效果，在VR里观感不佳，之后在网上找到一个写好的翻页shader，于是结合找到的shader写了一套多页翻书的代码。 shader如下：http://www.45fan.com/article.php?aid=1911308650001
转载
2024-03-15 10:42:51
206阅读
本文主要分析了megaFierstext翻页插件的控制代码，然后在分析的基础上进行了一些个性化的改动，实现了一键翻页的效果。
需要在Unity实现达到仿真的翻书效果，我们一般可以借助megaFierstext插件来完成。下载地址：http://pan.baidu.com/s/1kTorsm7导入Unity后，打开默认scene，在MainCamera上可
转载
2024-03-03 19:48:30
491阅读
二：实现——下载插件并导入Unity工程：——新建一个Canvas和EventSystem，将Book-Page Curl Pro—Prefabs下的BookPro预制体拖到Canvas下——...
原创
2021-07-08 17:09:27
2603阅读
二：实现——下载插件并导入Unity工程：——新建一个Canvas和EventSystem，将Book-Page Curl Pro—Prefabs下的BookPro预制体拖到Canvas下——...
原创
2022-01-25 13:43:59
3235阅读
点赞
unity 制作书籍翻页效果unity C# 翻书效果 2D 真实翻页 不使用插件 自制 实现思路：将书本分为两边，一边一个翻页实现； 下图为书本的右面，以OA为分界线，△OAB是下一面的如上图的左下角，△OAC是下一面的如上图的右下角； 利用unity的mask可以实现，也就是，假设这一页是1(左边那一页是0)，需要有一个对象作为底面显示3，一个对象被mask遮住显
