Unity 制作翻书电子书，外部异步加载千张图片（一）

已于 2022-06-13 19:23:53 修改
阅读量2.2k 收藏 16
点赞数 5
文章标签： unity c# windows
于 2020-05-27 11:44:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39851527/article/details/106352614
版权 
  Unity 制作翻书电子书，外部异步加载千张图片（一）

Hello!这是我的第一篇文章，希望在你阅读这篇文章之后对你能有帮助。
之前我做过两次电子书的程序，用的都是网上随便一搜就能找到的插件，很方便，参数调节都是现成的，图片拖到编辑器中基本就拿来就能用。
But这次我就抓瞎了，因为这次需要加载的图片大概有一万多张，共计十六卷，试想，这么多图片就算压缩到很小，拖到编辑器里，让程序跑起来，内存也就爆了（因为我很天真，所以我试过不行，而且书页不能压缩太小，不然字就看不清楚了）。
所以我就想了第一个方案，干脆把书本内容做成TXT文本，图片太多，内存会爆，人家用文本加载，加载时间也会极短，后期不管是文本内容替换，以及后期程序维护都是十分的方便啊！所以我就开始我的大业（相信我们用过这个unity电子书插件大家都知道，这个书页必须要用Image Or RawImage，所以我们要用文本导入，需要通过计算生成PNG文字图片，还可以自己加背景图进行合成，其实更符合我们灵活方便的功能,其实这两个功能我已经实现。But难点在于我们需要用程序对我们获取的文本进行断章断点，进行书页生成，我已经根据生成的书页首位空格文字内容的字节和计算进行断章，但是后来发现每行字节不同，可能多一个字或者少一个字，且一次性生成几十张还阔以，成百上千张就会有严重的卡顿，自己没有好的方法解决，就放弃了）生成图片如下，左侧是Text，右侧是生成的图片：
在这里插入图片描述
困难总是要解决的，所以有了第二个的方案，方法其实不好，但是解决了目前的问题，所以有时间还是需要把上面的方案好好研究一下。外部一次性加载六七百张图片，我加载的每张图片分辨率是716*1122，*JPG格式，单张160-180KB,效果出来如下，第一卷加载了670张图片，用时如下。
在这里插入图片描述
图片加载到我们书本预制体的列表中
在这里插入图片描述
效果视频如下!添加链接描述

bandicam 2020-05-26 15-28-01-648

下载源工程的连接，附带音效，有需要的欢迎大家来下载啦!
https://download.csdn.net/download/qq_39851527/12501441

风影清荷
关注
  • 5
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 18
    评论
Book - Page Curl Pro教程✨一款制作Unity『书本翻页』插件
星河造梦坊
08-10 2216
一款制作Unity『书本翻页』插件 一、效果展示 插件预览： 二、插件实战 导入插件 首先导入插件，我们以 Example_6 场景为例，讲解插件的使用方法。 1、如何设置书本的大小？ 在未运行状态下，调整 “BookPro” 的大小即可。 2、预制件介绍 预制件中包括上面图片的阴影效果物体、手势交互感应热区， 还有最重要的书本每一页的页面 page1-6。 在 BookPro 脚本，我们可以看到 Papers 属性： Papers 将我们所有的页面都配置到了里面。 且....
Unity翻书效果小插件，BaseBookQuickMaker
09-10
适用人群：Unity编辑器初学者，Unity初学者，翻书效果需求，懒人插件。 本插件为自制插件，持续更新，可用于学习，其中代码结构清晰，逻辑分明，是Unity编辑器扩展初学者的学习利器，代码之间耦合性极低，初学者可以参考设计代码，设计功能实现。 此资源为本插件第三版本，日后更具需求继续扩展和完善。
Unity3D UGUI实现翻书效果
m0_46208939的博客
06-06 8585
提示：素材来源网络，侵权必删 UI翻书效果效果图一、准备工作1.新建Unity工程2.新建Hierarchy面板二、使用步骤1.新建UIBook脚本，挂在UIBook上2.新建BookModels脚本3.新建DragButton脚本4.新建DragLeftPage脚本5.新建DragRightPage脚本6.新建IDragPage脚本7.新建Page脚本8.新建Shadow脚本9.新建TheDraggingPage脚本3.总结 效果图 提示：以下是本篇文章正文内容，下面案例可供参考 一、准备工作 1.
unity下使用mesh网格实现翻书效果
最新发布
weixin_39889192的博客
05-11 200
【代码】unity下使用mesh网格实现翻书效果。
Unity中实现翻书效果——Book Page Curl Pro插件
热门推荐
L的博客
04-01 1万+
二：实现 ——下载插件并导入Unity工程： ——新建一个Canvas和EventSystem，将Book-Page Curl Pro—Prefabs下的BookPro预制体拖到Canvas下 —— ...
Unity 翻书效果
weixin_42397471的博客
04-28 5271
Unity翻书效果 目前做的VR项目中需要一个翻阅魔法书的效果，考虑过使用UnityBookPageCurl-master插件，但是那个插件是纯UI显示的，只有二维效果，在VR里观感不佳，之后在网上找到一个写好的翻页shader，于是结合找到的shader写了一套多页翻书的代码。 shader如下： http://www.45fan.com/article.php?aid=19113086500012186887046431 // Upgrade NOTE: replaced 'mul(UNITY_MAT
unity3D翻书插件
03-19
通过动态加载图片路径存储的list中，使用模型翻阅，翻页的模型是循环使用的，只需要调用接口传入图片参数即可使用，可作用与3D和2D环境下
Unity翻书效果插件
07-13
Unity翻书效果插件
Unity3D多个异步加载场景资源 简洁漂亮的加载画面
04-24
在Unity3D游戏开发中，异步加载（Asynchronous Loading）是提高用户体验的关键技术之一，尤其是在处理大型场景或大量资源时。本项目提供了一个简洁且漂亮的加载画面，旨在帮助Unity3D学者理解和实现游戏资源的高效...
Unity AssetBundle 资源同步/异步加载管理器
09-02
基于Unity封装的AB包资源管理器，实现同步加载/异步加载AB包以及依赖包，详细可以到我的博客查看文章，里面也有完整代码。
Unity可自定义loading页的异步加载工具，免费下载，使用说明
09-23
"异步加载"是Unity中一种优化游戏启动和过渡场景的方法，它将资源的加载工作分散到多个帧中进行，避免了因一次性加载大量数据导致的卡顿现象。这种技术通过Unity的`AsyncOperation`接口实现，可以轻松地对场景进行非...
unity 翻书插件
10-27
unity 翻书动画特效了， 亲测可用。 效果逼真， 值得下载
使用UGUI实现Unity翻页效果
11-15
使用UGUI实现Unity翻页效果，使用了mask，然后通过公式计算得到书页位置，然后进行书页位置旋转变换。。。。。。。。。。。。。。。。。。。。。。
Unity3DBookPageCurl-master翻书插件
08-24
The "Unity3D Book Page Curl" is a unity package that is used to create a book with page flip effect using unity3D native UI tools. Getting Started Create your first book:  Import the unity package  Create a canvas and EventSystem objects if you don't have one (the easiest way to create them is by adding any UI object -like a button- then you can delete it).  Drag a book prefab under the Canvas element  Resize the book on your scene and reposition the anchors as required.  Select the book from hierarchy to show it in inspector.  Assign the canvas to the canvas slot in inspector  Assign the background sprite with the sprite that you want to show on the right or left side when all pages flipped to the other side.  To edit the book pages, expand the Book Pages list in inspector, change the Size to your pages count, then start drag your pages in the Element boxes in order  Set the current page to the page that you want to be shown initially in the right side of the book.  If you want to call any function when any page flipped add it to the OnFlip Event List.  If you want to resize the area that the user can drag the page from it, open the Book node in inspector to show its children, you will find two objects "RightHotSpot" and "LeftHotSpot" resize them and set their anchors as required.  RUN and enjoy the page curl effect! Create Automatic Flipping Book:  After creating your book as mentioned above add an "Auto Flip" component on it.  Choose flipping direction( if you choose left to right make sure that the current page of the book component is equal to your page count "last page index + 1").  Uncheck the interactable check in the book component.  Specify the page flipping time parameters (Page Flip Time, Time Between Pages, Delay before Start flipping, Number of Animation frames for each page flip).  Check "Auto Start Flip" if you want the book to start flipping automatically, or uncheck it and call the StartFlipping() function in your code. Control Flipping Manually: This section will explore how to create a scene like the “Example_2_Controled Flipping” scene  To be able to let the user control page flipping using some buttons, create your book, add an "Auto Flip" component on it and configured them as mentioned above.  Uncheck the “interactable” of the book and "Auto Start Flip" of the “Auto Flip” components.  Add previous and next buttons to your scene (check Example_2_Controled Flipping scene if you have any issues setting them correctly).  Add a new slot on each button OnClick list by clicking the (+) sign, assign the Book as the game object then select the “AutoFlip->FlipRightPage” for the next button and “Auto Flip->Flip Left Page” to the previous button.  If you need to flip the page from code (based on custom action) you can call the FlipLeftPage() or FlipRightPage().
Unity shader 制作的翻页效果
09-06
Unity shader 制作的翻页效果 效果很好用 可以兼容很多版本
unity翻书插件/demo场景
05-06
unity3D翻书插件/demo学习场景/可以下载学习使用
Unity shader 案例 --- 翻书效果
yiwei151的博客
09-26 1387
效果图： 最近开始学习学习shader，不然感觉自己要堕落了(捂脸)，，， 先说下实现的思想吧： 1、使用旋转矩阵旋转顶点 2、使用sin函数，对顶点进行优化，简单说就是看起来更舒服 3、使用两个pass，对plane的两面都进行渲染（毕竟一页纸是有两面的） 首先，是创建一个旋转矩阵（我这边创建的是绕Z轴的，具体项目具体创建是X还是Y还是Z轴矩阵），然后将角度转成弧度进行计算 然后，对顶点的Y轴进行sin计算，v.vertex -= float4(5, 0, 0, 0);这..
Unity3d实现翻书效果
weixin_45556869的博客
11-30 1719
Unity3d实现翻书效果 此教程需要用到Book-Page Curl Pro插件，unity商店里有，需要插件和工程的话留邮箱 1、将插件中的bookPro复制成自己的prefab，将page0和page1提出来做prefab ,多余的page删掉， 并将RightPageShadow移出来并隐藏； 适当把本来的0页与1页隐藏 2、写一个LoadBook的脚本挂上 using System.C...
Unity3D UGUI 实现翻书特效
songhuanfei2017的博客
06-26 4198
参考大佬的，链接找不到了，找到了再加在这。 下边是Shader代码： // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "Personal/PageTurning" { Properties { _Color ("Color", Color) = (1...
unity 制作翻书电子书
04-26
可以通过Unity制作翻书电子书，具体的步骤如下： 1. 创建一个新的Unity项目，并将场景中的主摄像机删除。 2. 导入需要展示的电子书页面资源，例如图片或PDF文件。 3. 创建一个Plane对象作为电子书页面的底部，将其缩放至适当大小并设置材质。 4. 创建一个Cube对象作为电子书页面的封面，将其旋转至合适的角度，并设置材质。 5. 使用Unity的UI系统创建翻页按钮，并将其与翻页脚本关联。 6. 编写脚本实现翻页功能，可以使用Unity自带的Animation组件或使用C#代码实现。 7. 添加音效和其他特效以增强用户体验。 完成以上步骤后，您就可以在Unity中创建一个翻书电子书，并在PC或移动设备上进行展示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 18
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值