转自 GottaYiWanLiu

1.如何快速的在unity3d实现与现实中翻书类似的翻书动作,在这里借助一个插件,可以在unity3d中assetStore里找到

我们首先来看下效果,这是我们自定义的书页内容

2.看完效果,接下来看看实现流程

首先将包导入unity3d,里面有几个示例场景,还有一些有趣的功能,有兴趣的可以自己去探索,本文讲些本插件的基础用法,在下次会提到如何动态替换书页内容,包括书页的内容,书页的数量。

导入后,首先在场景中创建个Canvas,然后找到Prefabs文件夹下的预设体BookPro,将该预设体拖入Canvas中

这时候其实可以直接运行场景了,我们已经可以随意翻动书页了,注意我们需要点击BookPro子物体中的LeftHotSpot或者RightHotSpot区域才可以操作,该区域大小可以随意调;

接下来看下预设体BookPro,该预设体上挂有同名的脚本BookPro,想要添加自定义的图片内容,我们只需更改脚本上的paper的Front和Back,点击下方的加号,添加书页,点击后,如下图,会新添加两个Image(page4,page5),然后会自动排序好

但是新添加的image的值是空的,并没有内容,所以我们需要给image附上我们需要的图片,然后我们再次运行程序,翻动到page4和page5,我们会看到我们自己添加的书页,page0123我们都是可以替换掉的,看下运行效果,最后两张为我们自定义添加的,可以根据自己的需要更改内容和页数。

这样,基本操作就完成了,但是这样做局限性很大,只能在编辑器内修改和自定义书页,导出exe或者apk就无法修改,通用性不够,所以在下次,我们会提到如何修改该插件的脚本,从而实现类似电子书功能,实现对用户指定文件夹下的所有图片进行这样的翻页效果,数量和内容不再受到限制

Unity3d中实现翻书效果(一)相关推荐

  1. Unity3D UGUI实现翻书效果

    提示:素材来源网络,侵权必删 UI翻书效果 效果图 一.准备工作 1.新建Unity工程 2.新建Hierarchy面板 二.使用步骤 1.新建UIBook脚本,挂在UIBook上 2.新建BookM ...

  2. Unity中实现翻书效果——Book Page Curl Pro插件

    一:效果演示 二:介绍 --插件下的Scripts文件夹下有四个脚本 BookPro脚本是挂载到BookPro预制体上的,最最重要 Auto Flip脚本是实现自动翻页或者按钮翻页的扩展脚本 Page ...

  3. Unity3d实现翻书效果

    Unity3d实现翻书效果 此教程需要用到Book-Page Curl Pro插件,unity商店里有,需要插件和工程的话留邮箱 1.将插件中的bookPro复制成自己的prefab,将page0和p ...

  4. Android App开发手机阅读中实现平滑翻书效果和卷曲翻书动画实战(附源码 简单易懂 可直接使用)

    需要图片集和源码请点赞关注收藏后评论区留言~~~ 一.平滑翻书效果 与纸质书籍类似,手机上的电子书也有很多页,逐页浏览可采用翻页视图,然而翻页视图犹如一幅从左到右的绵长画卷,与现实生活中上下层叠的书籍 ...

  5. PPT2010中如何制作翻书效果

        今年我们的专业选修课有一个是课件制作,今天自己格外的有兴趣,于是开始制作各种小图形,自己很好奇想做一个是翻书的效果,那么如何制作呢?本来很简单的事情,但是到了2010版ppt中似乎有点麻烦了. ...

  6. winform实现翻书效果_如何用PPT实现翻书效果?

    在PPT中,我们需要配合内容使用不同的动画效果,加深观众对内容的理解.当内容是讲述故事.过场片段,或是老师的课件讲解教材时,有一个实用好看的动画效果,就是"翻书效果"动画. 例如上 ...

  7. 自定义控件android特效,Android自定义控件eBook实现翻书效果实例详解

    本文实例讲述了Android自定义控件eBook实现翻书效果的方法.分享给大家供大家参考,具体如下: 效果图: Book.java文件: package com.book; import androi ...

  8. html5实现3d翻页效果,利用css3 3d transform制作超逼真翻书效果

    本教程给大家带来一个非常有创意的翻书效果,使用的是css 3D transforms属性和css transitions属性.这里将给你展示两种不同的图书设计:精装书和平装书.这两种设计只需要简单的改 ...

  9. settimeout怎么用_怎么实现一个3d翻书效果

    本篇主要讨论以下两种翻书动画的实现: 第一种是整页翻转的效果: 这种整页翻转的效果主要是做rotateY的动画,并结合一些CSS的3d属性实现. 第二种折线翻转的效果,如下图所示: 主要是通过计算页面 ...

最新文章

  1. 论文笔记 《Maxout Networks》 《Network In Network》
  2. HTTP 中的 304
  3. ASP.NET WebAPI String 传值问题
  4. AMD GPU+VS2010的OpenCL配置
  5. ResourceDictionary主题资源替换(二) :编译期间,替换主题资源
  6. 移动端H5设计稿的问题与解决办法汇总
  7. jmeter持续时间循环控制器_不写代码实现条件循环?只用Jmeter就能实现
  8. java protected类_关于JAVA的protected类型
  9. 安全公司-* * * *-面试题:_ 安卓逆向分析分享
  10. 视频直播app源码,保存和提取图片
  11. 搜狗拼音输入法 V9.1.0.2589 最新去广告精简优化版
  12. 【Flutter小记5】Isolate ffi Method Channel 使用简介与总结
  13. ws office ppt基础知识
  14. android obb权限,解决部分手机读取obb失败的问题
  15. file upload 攻防世界_菜鸡 CTF 之旅 Writeup (攻防世界)
  16. php给网页加水印_两种php给图片加水印的实现代码
  17. 【STM32Cube】基于H743的SPI配置
  18. 使用Windbg排查C++程序调用IsBadReadPtr或IsBadWritePtr引发内存访问违例问题
  19. ac ap方案 华为_华为AC+AP无线配置方法
  20. 使用着色器在WebGL3D场景中呈现行星表面地形

热门文章

  1. 【 视频 】crf与bitrate对照表
  2. PS Vita停产 索尼为何不再重视掌机市场?
  3. 提升下属逆商的44种方法(逆商节选)
  4. 将图片直接转换成xml文件_如何将jpg在线转换成pdf?jpg图片可以转换成pdf吗?
  5. ios页面上下滚动卡顿的问题
  6. css单行,多行文字超出部分省略号显示
  7. 压测工具之JMeter在Mac下的安装
  8. 搭建Spark开发环境并完成wordcount示例
  9. 用Python把视频批量保存本地,实现自动三连(点赞评论关注)
  10. C语言:字符数组应用