小程序集成Three.js开发常见问题

news2024/11/19 18:40:14

1.加载模型后开发者工具卡顿

我想很多小伙伴都遇到过这个问题,网上很多方法,说什么清缓存,清内存,基本作用都不大。在不断的摸索中,我逐渐找到了一些解决的办法,希望对你有帮助。

(1) 截至发文时间,开发者工具最新版本为1.06版,我也是在升级了这个版本的开发者工具后,出现一开模拟器,就开始卡顿的现象,回退到1.05版本后,使用就正常了,不知道后续的版本会不会修复这个问题。

(2) 如果1.05版本开发者工具还有这个问题,在开启模拟器时,选择模拟器机型为Dpr:2的机型(例如iphone XR),不知道具体原因,但是经过多方测试,Dpr:3的模拟器机型在运行3D程序时确实非常容易引起卡顿。

2.加载外部模型在模拟器中显示正常, 手机预览时不显示

这里确实是一个坑。

解决方法:就是需要配置request合法域名,也就是说你需要先有一个服务器来存放模型文件,并且配制好域名。

如果没有配置合法域名,即使在开发者工具中勾选了不校验合法域名,在手机预览时也不会去加载外部文件。

推荐的存储方案:如果开发阶段不想去处理服务器域名之类的麻烦事,可以先用微信云开发进行存储,调用起来方便一些,但是后续上架的话建议更换为其他的存储方案,毕竟微信云开发现在费用有点高。

3.动画库的运用

本小程序中动画部分用到的是gsap补间动画库,用这个库实现3D物体的动画非常简单高效,推荐大家学习。

关于第三方库的安装方法可以查看演示小程序中对npm使用的说明。

4.Three.js是否可以完全移植到小程序

经过测试,大部分功能是没有问题的。

比如VR全景,外部模型加载,raycastor选择器,粒子系统,都可以很好的运行。

可惜的是,Three.js中很多功能是通过第三方库实现的,比如物理效果,碰撞检测就用到了cannon.js库,但是cannon.js本身并没有对小程序进行适配,导致小程序中物理碰撞的功能并不能通过第三方库实现。希望官方以后能够进行适配吧。

 5.实例演示小程序

6.框架下载及目录配置

小程序版 Three.js 框架下载及目录配置_Ltanke的博客-CSDN博客icon-default.png?t=MBR7https://blog.csdn.net/weixin_39318421/article/details/128468409

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/124766.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Java-集合(1)

什么是集合? 在前面的学习中,保存多个数据,用的是数组。 但是数组有很多不同的地方: 1.长度开始时必须指定,且一旦指定无法更改 2.保存的必须为同一类型元素,虽说可以多态保存,但是限制性也很大…

再学C语言17:类型转换

语句和表达式通常只应该使用一种类型的常量和变量 如果使用混合类型,C将会使用一个规则集合自动完成类型转换 一、基本的规则 1)当出现在表达式中时,有符号和无符号的char类型和short类型都将自动被转换为int(在需要的情况下将…

新华三“智・行中国2022”|大厂行动,如何擘画“内循环”的数字未来?

作者 | 曾响铃 文 | 响铃说 继农业经济、工业经济之后,数字经济登上历史的舞台,成为大国的主要经济形态。在我国,根据中国信息通信研究院发布的《中国数字经济发展白皮书(2022年)》,截至2021年&#xff0…

关于浙大MPA复试的一些常规问题

2022年联考笔试刚刚落下帷幕,就收到很多小伙伴关于浙大MPA项目复试的问题咨询,趁着今天有空就大家问的一些问题在这里统一做个回复哦~1、问:正常情况下多少分可以进入浙大MPA项目复试? 答:统计了2018——2022浙大MPA项…

Harmony/OpenHarmony应用开发-转场动画组件内转场

组件内转场主要通过transition属性配置转场参数,在组件插入和删除时显示过渡动效,主要用于容器组件中的子组件插入和删除时,提升用户体验(需要配合animateTo才能生效,动效时长、曲线、延时跟随animateTo中的配置&#…

GitHub官网下载Axios.js步骤

目录 前言必读 一、下载步骤 1.进入GitHub官网 2.搜索axios 3.点击这个axios/axios 4.点击压缩包下载 5.解压,进入到dist文件里面就找到了 二、使用方法 前言必读 读者手册(必读)_云边的快乐猫的博客-CSDN博客 一、下载步骤 1.进入…

数据在内存中的存储(11)

目录 1、数据类型介绍 1、类型的基本归类 1、整形家族: 2、浮点数家族: 3、构造类型(自定义类型): 4、指针类型: 5、空类型: 2、整形在内存中的存储 1、原码、反码、补码 2、大小端介…

[框架]Mybatis的使用

目录一、数据持久化的概念及ORM(Object Relational Mapping “对象关系映射”)的原理1.1 持久化1.2 ORM(Object Relational Mapping)1.3 ORM解决方案(包含四个部分)二、MyBatis简介2.1 简介2.2 特点2.3 MyB…

数据结构-考研难点代码突破(C++实现无向图图最小生成树算法(Prim,Kruskal)图解操作细节(引自C语言中文网))

以代码的方式复习考研数据结构知识点,这里在考研不以代码为重点,而是以实现过程为重点 文章目录1. 无向图最小生成树算法Kruskal算法C代码实现Prim算法C代码实现1. 无向图最小生成树算法 常见基本概念记忆: 生成树定义: 无向图中…

MySQL索引相关知识

1、什么是索引? 索引是存储引擎用于提高数据库表的访问速度的一种数据结构。通过给字段​​添加索引​​​可以​​提高数据的读取速度​​​,提高项目的并发能力和抗压能力。​​索引优化​​​时mysql中的一种优化方式。索引的作用相当于​​图书的目录…

一文搞懂Linux内核进程原理及系统调用机制

进程四要素 有一段程序代其执行有进程专用的系统堆栈空间在内核有task_struct数据结构进程有独立的存储空间,拥有专有的用户空间 如果具备前三点缺少第四条,称为“线程”;如果完全没有用户空间,称为“内核线程”;如果共享用户空间…

中国剩余定理

最近总是用到中国剩余定理,以前对于这个定理非常的模糊,有时间静下心来简单的学习一下中国剩余定理,文章没有深度,写下这篇博客以作记录。 中国剩余定理CRT前言一、描述二、中国剩余定理求解方法1.除以三余二2.除以五余三3.除以七…

14. UserAgent 反爬是如何实现的,来看看这篇博客

本篇博客实现 【爬虫训练场】 的第一个反爬案例,User-Agent 反爬。 文章目录什么是 User-Agent 反爬在 Python Flask 中实现 User-Agent 反爬什么是 User-Agent 反爬 User-Agent 反爬是一种防止网站被爬虫爬取的技术。 当爬虫向网站发送 HTTP 请求时,会…

初识Kubernetes:(3)Kubernetes资源管理

初识Kubernetes:(3)Kubernetes资源管理1 资源管理介绍2 YAML语法介绍2.1 YAML语法介绍2.2 YAML语法示例2.2.1 YAML常量2.2.2 对象2.2.3 数组3 资源管理方式3.1 资源管理方式3.2 命令式对象管理3.2.1 kubectl命令3.2.2 操作(comman…

操作系统期末考试必会题库2——进程管理

1、某系统出现故障,通过相关指令查看,CPU占有率为0,内存有大量空余,但是用户在其程序中得不到任何相应,请从进程状态分析,当前用户所使用的进程可能是什么状态(就绪,运行&#xff0c…

BLE 蓝牙抓包分析

1. 抓包工具 Ellisys & Ellisys Bluetooth Analyzer ​使用方法:https://blog.csdn.net/weixin_44260005/article/details/121216529​ 2. BLE数据样式 3. 数据分析 3.1 ble蓝牙协议栈 3.2 BLE连接过程 http://doc.iotxx.com/BLE%E6%8A%80%E6%9C%AF%E6%8F%AD%…

如何用Alluxio加速云上深度学习训练?

欢迎来到【微直播间】,2min纵览大咖观点 随着企业数据量的不断增加,为了提高深度学习训练的准确性、加快速度并且降低成本,许多企业开始逐步在云上实施分布式训练的方案,本期内容将结合阿里、微软等实际应用案例,分享…

容器安装mysql

1.自己配置仓库和挂载 仓库内容如下 挂载 2.安装工具包 yum install -y yum-utils 3.从阿里云添加docker仓库 yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo 我们就能查看到 4.cd回主目录开始一系列安装 yum install d…

软件测评师教程之软件测试基础<一>更新中...

目录一.软件测试分类(1)按照开发阶段划分(2)按照测试实施组织划分(3)按照测试技术划分二.软件测试过程模型(1)V模型(2)W模型(3)H模型(4)X模型(5)前置测试模型(6)测试模型的使用三.软件测试策略(1)测试信息流(2)分析设计阶段1.需求说明书评测2.概要设计说明书评测3.详细设计说明…

手绘图说电子元器件-控制与保护器件

控制与保护器件主要包括继电器、开关、接插件和保险器件等,是电子电路中经常使用的器件。 继电器 继电器是一种常用的控制器件,它可以用较小的电流来控制较大的电流,用低电压来控制高电压,用直流电来控制交流电等,并且可实现控制电路与被控电路之间的完全隔离。 继电…