UnityWebGL使用IndexDB做缓存优化

最新推荐文章于 2022-12-13 16:16:44 发布
最新推荐文章于 2022-12-13 16:16:44 发布
阅读量1.9k 收藏 5
点赞数
分类专栏： Unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuxisanno139/article/details/112959680
版权

使用IndexDB可以将AssetBundle缓存在浏览器本地缓存，可加快请求AssetBundle的速度。

UnityWebRequest

UnityWebRequest www = UnityWebRequestAssetBundle.GetAssetBundle(url, Hash128.Compute(url));

缓存位置

C:\Users\PC-ZhangYuting\AppData\LocalLow\Unity\项目名称

网络请求临时保存位置

C:\Users\PC-ZhangYuting\AppData\LocalLow\Unity\Temp

JessieHaha
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
unity-webgl-template-suite:适用于Unity引擎的WebGL模板WebGL套件
05-18
Unity WebGL模板套件 该套件包括用于Unity引擎的WebGL模板主题。 经过Unity v2017.3测试 主题 FullscreenTheme：一个主题，它将渲染画布缩放到最大宽度和高度，以填充整个浏览器窗口。 安装 在您的Unity项目Assets目录中创建一个名称为"WebGLTemplates"的新文件夹 将您要使用的主题从该目录的文件夹"dist"复制到"WebGLTemplates" 在Unity中打开播放器设置 选择“ WebGL”选项卡 在"Resolution and Presentation"您可以选择要用于构建的主题。 在那里应该会出现新添加的主题 保持主题图片下方的输入字段 完毕
浅谈indexedDB/indexedDB数据实际储存的位置
weixin_42900858的博客
04-19 4925
这里写了一个简单的数据库插入的测试。 <body> <button onclick="dbTest()">db测试</button> </body> <script> var db; var dbVersion = 1; // 全局的indexedDB数据库实例。 // 2\. 通过IDBFactory接口的open方法打开一个indexedDB的数据库实例 // 第一个参数： 数据库的名字，第二个参数：
【Unity记录】问题：WebGL游戏保存数据到Application.persistentDataPath不生效
mkr67n的博客
10-16 3749
解决Unity WebGL游戏保存数据到Application.persistentDataPath不生效的问题
unity webgl内存_了解Unity WebGL中的内存
culiao6493的博客
09-13 3939
自从我们发布Unity WebGL以来，我们已经在优化内存消耗方面投入了大量精力。 在 手册中 以及在 2015年Unite欧洲 和 2015年 Unite波士顿的 演讲中， 我们还一直在解释内存在WebGL中的工作方式 。 但是，由于这一直是我们与客户交谈中的热门话题，因此我们意识到我们应该对此进行更多讨论。 希望这篇文章能回答一些常见问题。 (Since we shipped Unity W...
Unity用于储存数据的几种方式
u012685176的博客
11-22 3028
Unity用于储存数据的几种方式
【Unity 笔记】PlayerPrefs 数据存储
Mr.River的博客
06-09 2521
开发平台：Unity 2019版本以上 编程平台：Visual Studio 2019 编程语言：C#   一、什么是PlayerPrefs? 描述：在游戏会话之间存储玩家偏好。   二、存储位置 Windows平台：HKCU\Software\[公司名称]\[产品名称]下注册表内 Linux平台：~/.config/unity3d/[公司名称]/[产品名称]下注册表内 Windows应用商店程序：%userprofile%\AppData\Local\Packages\[产品包 ID]>\Loca
Unity WebGL实战笔记
iningwei的博客
12-13 5032
Unity提供了WebGL平台来，支持在浏览器中实时对3D图形应用交互。
Unity3D 本地数据持久化记录存储
梦想是世界和平
07-26 1635
本地数据持久化一、 PlayerPrefs使用案例 一、 PlayerPrefs PlayerPrefs是unity自带的一个数据存储类 描述 PlayerPrefs 是一个在游戏会话之间存储玩家偏好的类。它可以将字符串、浮点数和整数值存储到用户的平台注册表中。 Unity 根据应用程序运行的操作系统以不同方式存储“PlayerPrefs”数据。在本页给出的文件路径中，公司名称和产品名称是您在 Unity 的Player Settings 中设置的名称。 独立播放器存储位置 在 macOS 上，Playe
初识IndexedDB本地存储
zhouhao620的博客
02-16 4866
IndexedDB是浏览器提供的本地数据库，它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据，提供查找接口，还能建立索引。就数据库类型而言，IndexedDB是非关系型数据库（不支持 SQL 查询语句），更接近NoSQL数据库，并且Web Worker中可用。 IndexedDB的特点 键值对储存：IndexedDB内部采用对象仓库（object store）存放数据。所有类型的数据都可以直接存入，包括 JavaScript 对象。对象仓库中，数据以"键值对"的形式保存，每一个数据记录都有
Unity WebGL爬坑（终）
光的博客
02-23 1815
制作Unity WebGL已经有一段时间了，在之前也写过一些难点和卡点的文章，这篇将整个经历过的WebGL问题进行一个总结 1、WebGL对于内存的要求比较高，主要是看浏览器支持的内存是多少，表现最好的是火狐和Google，基本上项目内存在1G以内是基本OK的。 2、WebGL的网络连接需要使用WebSocket，这块服务器和客户端都需要进行处理。 3、WebGL的互通在Unity的手册中有示例，不清楚的可以看下之前的文章。 4、WebGL没有本地概念，只有缓存，需要定时清理缓存。 5、Uni..
tfjs-core：用于JavaScript的WebGL加速ML线性代数自动微分
02-03
该存储库已存档，以支持tensorflow / tfjs。 此仓库将保留一段时间以保留历史记录，但所有将来的PR都应发送到tfjs-core文件夹内的tensorflow 。 所有的历史和贡献都保存在monorepo中。
UnityWebGl与Web前端通信，互通消息
03-05
Unity与WebGl通信工具脚本 测试Demo 教程https://blog.csdn.net/boyZhenGui/article/details/114374111?spm=1001.2014.3001.5501
使用HTML5 IndexDB存储图像和文件的示例
09-22
主要介绍了使用HTML5 IndexDB存储图像和文件的示例的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
indexDB.md
10-12
IndexedDB 就是浏览器提供的本地数据库，它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据，提供查找接口，还能建立索引。
useDexie:React Hooks轻松使用Dexie.js IndexDB库
05-07
React Hooks使用Dexie.js IndexDB库 Dexie.js是一个华丽的库，可通过简单而强大的语法使用IndexDB 。 但是，如果要在React项目中使用Dexie.js，则需要实现一系列允许异步交互的逻辑。 为此，useDexie是一个包含一...
task-manager-using-indexdb:使用indexdb的任务管理器
05-23
使用indexdb的任务管理器 使用indexdb的任务管理器
Unity WebPlayer “Failed to initialize player's 3D settings”?
yuxisanno139的专栏
06-12 7738
Unity WebPlayer “Failed to initialize player’s 3D settings”? 原因：WebPlayer版本与打包的版本不一致。
Unity WebGL设置全屏的方法
yuxisanno139的专栏
07-12 5700
1.html script中增加Reset方法 function Reset() { var canvas = document.getElementById("#canvas"); canvas.height= document.body.clientHeight; canvas.width = document.body.clientWidth; } body标签增加onload和onre...
The AssetBundle could not be loaded because it references scripts that are not compatible ...
yuxisanno139的专栏
10-27 3814
完整问题描述：       The AssetBundle 'http:/.../id=8a80c1f957028ce501570877842830a3' could not be loaded because it references scripts that are not compatible with the currently loaded ones. Rebuild the A
vue3+Threejs使用indexDB存取3D模型如何实现？
最新发布
06-08
将 Three.js 中的 3D 模型存储到 IndexedDB 中可以通过以下步骤实现： 1. 创建 IndexedDB 数据库：使用 IndexedDB API 创建一个数据库，并在其中创建一个存储对象来存储 3D 模型数据。 2. 将 3D 模型转换为二进制数据：使用 Three.js 提供的 GLTFExporter 将 3D 模型转换为二进制数据。 3. 存储二进制数据：将转换后的二进制数据存储到 IndexedDB 中的存储对象中。 4. 从 IndexedDB 中获取数据：使用 IndexedDB API 获取存储对象中的数据，并使用 Three.js 提供的 GLTFLoader 将二进制数据转换为 3D 模型。 下面是一个示例代码，用于将 Three.js 中的 3D 模型存储到 IndexedDB 中并从 IndexedDB 中获取数据： ```javascript // 创建 IndexedDB 数据库 const request = window.indexedDB.open('3d-models', 1); let db; request.onerror = (event) => { console.log('Database error: ' + event.target.errorCode); }; request.onsuccess = (event) => { db = event.target.result; }; request.onupgradeneeded = (event) => { const db = event.target.result; const objectStore = db.createObjectStore('models', { keyPath: 'id' }); }; // 将 3D 模型转换为二进制数据并存储到 IndexedDB 中 const exporter = new THREE.GLTFExporter(); exporter.parse(scene, (gltf) => { const binaryData = new Blob([gltf], { type: 'application/octet-stream' }); const transaction = db.transaction(['models'], 'readwrite'); const objectStore = transaction.objectStore('models'); const request = objectStore.put({ id: 'my-3d-model', data: binaryData }); request.onerror = (event) => { console.log('Error storing 3D model: ' + event.target.error); }; request.onsuccess = (event) => { console.log('3D model stored successfully'); }; }); // 从 IndexedDB 中获取数据并将二进制数据转换为 3D 模型 const loader = new THREE.GLTFLoader(); const transaction = db.transaction(['models'], 'readonly'); const objectStore = transaction.objectStore('models'); const request = objectStore.get('my-3d-model'); request.onerror = (event) => { console.log('Error retrieving 3D model: ' + event.target.error); }; request.onsuccess = (event) => { const binaryData = event.target.result.data; const reader = new FileReader(); reader.onload = (event) => { const gltfBlob = new Blob([event.target.result], { type: 'application/octet-stream' }); const fileReader = new FileReader(); fileReader.onload = (event) => { const gltf = JSON.parse(event.target.result); loader.parse(gltf, '', (object) => { scene.add(object.scene); }); }; fileReader.readAsText(gltfBlob); }; reader.readAsArrayBuffer(binaryData); }; ``` 需要注意的是，IndexedDB 的 API 使用起来比较复杂，需要注意处理异步操作和错误处理。同时，存储和读取大型的二进制数据可能会影响性能，因此需要根据具体情况进行优化。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值