
threejs
文章平均质量分 89
小豆包3D世界
这个作者很懒,什么都没留下…
展开
-
CesiumJS 本地数据瓦片加载南北两极出现圆点问题
首先我们需要知道我们加载的本地切片是什么投影类型?我加载的web墨卡托投影的本地切片,由上述可知,该数据纬度范围是在-85~85范围内的,所以南北极是没有影像的。CesiumJS在使用Web墨卡托覆盖极点时,会自动拉伸影像层。方法删除Cesium的默认影像层,然后添加你自己本地的影像切片数据,这样它就具有覆盖极点的相同行为。上面这段代码是加载本地切片,但是有个致命问题就是会出现南北两极显示蓝色圆点。原创 2025-03-29 18:54:13 · 282 阅读 · 0 评论 -
STLLoader 是 Three.js 中的一个类,用于加载 STL (Stereolithography) 文件。这些文件通常用于 3D 打印和计算机辅助设计 (CAD) 应用程序。
demo案例 是 Three.js 中的一个类,用于加载 STL (Stereolithography) 文件。这些文件通常用于 3D 打印和计算机辅助设计 (CAD) 应用程序。以下是 的详细讲解,包括它的构造函数、方法和属性。方法入参::要加载的 STL 文件的路径。:加载完成后调用的回调函数。回调函数接收一个参数 ,它是加载的 STL 文件生成的 对象。(可选):加载过程中调用的回调函数。回调函数接收一个参数 ,它是 对象,可以用于检查加载进度。(可选):加载失败时调用的回调函原创 2024-09-27 20:28:15 · 1135 阅读 · 0 评论 -
`GeometryCompressionUtils` 是 Three.js 的一个实用工具模块,用于几何体的压缩处理。以下是其主要方法、属性以及对应的输入参数和输出结果的详细说明。
demo案例 是 Three.js 的一个实用工具模块,用于几何体的压缩处理。以下是其主要方法、属性以及对应的输入参数和输出结果的详细说明。compressPositionscompressNormalscompressUvs示例代码以下是一个完整的示例代码,展示如何使用 模块对几何体进行压缩处理:主要属性 主要是作为一个工具库,没有特定的属性。其功能通过一组静态方法提供,所有方法均为静态方法。 提供了一组高效的工具,用于减少几何体在 GPU 上的内存使用,从而提高渲染性能。本内原创 2024-06-05 10:01:51 · 453 阅读 · 0 评论 -
`THREE.AnimationMixer` 是 Three.js 库中用于处理动画的一个类。它允许你管理多个动画剪辑(`THREE.AnimationAction`)在单个或多个对象上的播放
demo案例 是 Three.js 库中用于处理动画的一个类。它允许你管理多个动画剪辑()在单个或多个对象上的播放。以下是对 的入参、方法和属性的简要讲解:clipAction(clip[, root])timeScaleuncacheClip(clip)uncacheAll()timerunningActions本内容来源于小豆包,想要更多内容请跳转小豆包 》原创 2024-05-29 23:00:29 · 722 阅读 · 0 评论 -
SkeletonUtils 是 Three.js 的一个实用工具集,用于处理与骨骼(Skeleton)相关的操作。这个工具集提供了一些方便的方法来简化骨骼动画和骨骼结构的处理。
demo案例 是 Three.js 的一个实用工具集,用于处理与骨骼()相关的操作。这个工具集提供了一些方便的方法来简化骨骼动画和骨骼结构的处理。克隆骨骼(Clone Skeleton):允许你克隆一个完整的骨骼结构,包括所有的骨骼和连接。计算骨骼的边界框(Compute Skeleton Bounding Box):可以计算一个包含整个骨骼结构的边界框(bounding box),这对于某些渲染或碰撞检测任务可能很有用。序列化与反序列化骨骼(Serialize and Deserialize Skel原创 2024-04-25 10:18:07 · 1394 阅读 · 0 评论 -
`THREE.AnimationMixer` 是 Three.js 中的一个类,它用于处理骨骼动画的混合。当你在 Three.js 中加载一个带有骨骼动画的模型(例如使用 glTF 格式)时,你可以使
demo案例 是 Three.js 中的一个类,它用于处理骨骼动画的混合。当你在 Three.js 中加载一个带有骨骼动画的模型(例如使用 glTF 格式)时,你可以使用 来控制这些动画的播放。以下是 的一些关键部分:当你创建一个新的 实例时,你需要传递一个 对象作为参数。这个 对象代表了模型的骨骼结构。出参 本身没有直接的“出参”,但你可以通过其方法来获取和控制动画的播放状态。以下是一个简单的示例,展示了如何使用 来播放一个动画:这个示例中,我们首先创建了一个 实例,并为其关联了一个原创 2024-04-25 10:16:24 · 1064 阅读 · 0 评论 -
THREE.AudioLoader 是 three.js 库中的一个类,用于异步加载音频文件。three.js 是一个流行的 JavaScript 库,用于在网页上创建和显示 3D 图形。
demo案例 是 库中的一个类,用于异步加载音频文件。 是一个流行的 JavaScript 库,用于在网页上创建和显示 3D 图形。以下是关于 的一些基本用法和属性:入参 (Input Parameters):出参 (Output): 本身并不直接返回加载的音频数据。相反,它通常与 方法的回调函数一起使用,该回调函数会在音频加载完成后被调用。方法 (Methods):属性 (Properties): 本身并没有很多直接暴露给用户的属性。它主要通过方法和回调函数来与用户交互。但是,你可以通过 方法的原创 2024-04-24 10:11:42 · 530 阅读 · 1 评论 -
将 SVG 转换为纹理:你可以将 SVG 转换为图片(如 PNG),然后将其作为纹理加载到 THREE.Texture 对象中,再应用到 THREE.Mesh 的材质上。
demo案例 是一个基于 WebGL 的 JavaScript 3D 库,它允许你在网页上创建和显示动画的 3D 计算机图形。然而, 本身并不直接支持 SVG(可缩放矢量图形)。但你可以通过一些技巧和方法将 SVG 渲染到 WebGL 上下文中,或者将 SVG 转换为 3D 对象。 不是 的一个内置类或属性。你可能是在提及某个特定的库、插件或自定义代码中的对象。不过,我可以为你概述一般如何在 中使用 SVG,并讲解一般的对象属性和方法。在 中,大多数对象都有一些共同的属性和方法:属性:方法:具体每个原创 2024-04-19 10:15:54 · 542 阅读 · 0 评论 -
在Three.js中,RapierPhysics是一个库,它提供了一组API来实现物理模拟。下面是RapierPhysics库中常用的一些API的入参、出参、属性和方法,以及它们的调用方式。
demo案例在Three.js中,RapierPhysics是一个库,它提供了一组API来实现物理模拟。下面是RapierPhysics库中常用的一些API的入参、出参、属性和方法,以及它们的调用方式。2. 添加物理场景入参:: THREE.Scene,要添加物理模拟的场景对象。3. 设置网格对象位置入参:: THREE.Mesh,要设置位置的网格对象。: THREE.Vector3,新的位置向量。: 整数,要设置位置的网格实例的索引。4. 设置刚体速度入参:原创 2024-04-16 10:11:47 · 530 阅读 · 0 评论 -
new Ammo.btSoftBodyHelpers() 是 Ammo.js 中的一个构造函数,用于创建软体物体的辅助对象,提供了一些方法来创建软体物体
demo案例 是 Ammo.js 中的一个构造函数,用于创建软体物体的辅助对象,提供了一些方法来创建软体物体。以下是它的一些重要信息:入参:通常不需要传入参数。出参:创建的新的软体辅助对象。属性:该构造函数返回的对象通常没有额外的属性,它主要用于提供方法来创建软体物体。方法: 是 Ammo.js 中的一个构造函数,用于创建表示刚体变换的对象。以下是它的一些重要信息:入参:通常不需要传入参数。如果需要初始化变换矩阵,可以传入一个矩阵对象。出参:创建的新的变换对象。属性:方法:Ammo.js 物理软体体积的核原创 2024-04-12 12:51:06 · 868 阅读 · 0 评论 -
new Ammo.btHeightfieldTerrainShape 创建一个高度场地形的物理形状对象。
demo案例 创建一个高度场地形的物理形状对象。本内容来源于小豆包,想要更多内容请跳转小豆包 》原创 2024-04-12 10:10:50 · 512 阅读 · 0 评论 -
Ammo.btSoftRigidDynamicsWorld 是 Bullet Physics 引擎中用于实现软体和硬体动力学模拟的一个重要类。它扩展了 btDiscreteDynamicsWorld
类,增加了对软体物体(soft bodies)的支持,这样就可以在一个世界中同时模拟刚体(rigid bodies)和软体物体的行为。是 Bullet Physics 引擎中用于实现软体和硬体动力学模拟的一个重要类。原创 2024-04-11 11:15:15 · 969 阅读 · 0 评论 -
AmmoPhysics 是一个异步函数,用于创建 Ammo.js 物理引擎的实例
demo案例 是一个异步函数,用于创建 Ammo.js 物理引擎的实例。让我们逐个讲解其入参、出参、方法和属性:本内容来源于小豆包,想要更多内容请跳转小豆包 》原创 2024-04-10 10:23:28 · 967 阅读 · 0 评论 -
btSoftRigidDynamicsWorld 类是 Ammo.js 物理库中的一个类,表示一个动态世界,用于处理软体和刚体物体的物理模拟。
demo案例 类是 Ammo.js 物理库中的一个类,表示一个动态世界,用于处理软体和刚体物体的物理模拟。让我们按照输入参数、输出、属性和方法来详细解释其 API:一个 实例,代表着模拟软体和刚体物理的动态世界。:将软体添加到世界中进行模拟。 和 参数确定软体属于哪些碰撞组,并且与哪些碰撞组进行交互。:从世界中移除软体。:将刚体添加到世界中进行模拟。 和 参数确定刚体属于哪些碰撞组,并且与哪些碰撞组进行交互。:从世界中移除刚体。:设置作用于世界中物体的重力。:按照指定的时间步长 () 推进模拟。 确原创 2024-04-10 10:07:40 · 559 阅读 · 0 评论 -
`ConvexObjectBreaker` 是 Three.js 中的一个工具类,用于将凸多边形对象(ConvexObject)分解为较小的凸多边形对象,以提高物理引擎的性能和稳定性。
demo案例 是 Three.js 中的一个工具类,用于将凸多边形对象(ConvexObject)分解为较小的凸多边形对象,以提高物理引擎的性能和稳定性。以下是关于 的入参、出参、属性和方法的简要说明:以下是一个简单的示例代码: 主要应用于处理物理引擎中的凸多边形碰撞体。具体应用场景包括但不限于:物理引擎优化:在使用物理引擎进行碰撞检测和响应时,较大的凸多边形对象可能会导致性能下降。通过将大的凸多边形对象分解为更小的部分,可以提高物理引擎的性能和稳定性。碰撞体生成:游戏开发中常常需要为游戏场景中的物体创原创 2024-04-09 10:20:31 · 348 阅读 · 0 评论 -
在Three.js中,`UVsDebug`并不是一个内置的类或功能。通常,UV坐标调试是开发者自定义的一个过程,用于可视化或检查3D模型的UV坐标。UV坐标是纹理映射到3D模型表面的坐标系统。
在Three.js中,UVsDebug并不是一个内置的类或功能。通常,UV坐标调试是开发者自定义的一个过程,用于可视化或检查3D模型的UV坐标。UV坐标是纹理映射到3D模型表面的坐标系统。原创 2024-04-08 10:29:30 · 376 阅读 · 0 评论 -
在 Three.js 中,`USDZExporter` 类用于将场景导出为 USDZ 格式,这是一种用于在 iOS 平台上显示增强现实(AR)内容的格式。
demo 案例在 Three.js 中, 类用于将场景导出为 USDZ 格式,这是一种用于在 iOS 平台上显示增强现实(AR)内容的格式。下面是关于 的入参、出参、方法和属性的讲解:constructor(): 构造函数,用于创建 实例。parse(scene: THREE.Scene): Promise: 方法用于将给定的 Three.js 场景对象转换为 USDZ 格式。它接受一个 实例作为参数,表示要导出的场景,并返回一个 Promise 对象,该对象在导出完成时解析为导出的 USDZ 文原创 2024-04-01 10:07:17 · 1275 阅读 · 0 评论 -
STLExporter 是用于将 Three.js 场景中的几何体数据导出为 STL 格式的类。
demo案例 是用于将 Three.js 场景中的几何体数据导出为 STL 格式的类。下面是关于 的入参、出参、方法和属性的讲解:constructor(): 构造函数,用于创建 实例。parse(scene: THREE.Scene): string: 方法用于将给定的 Three.js 场景对象转换为 STL 格式的字符串表示。它接受一个 实例作为参数,表示要导出的场景。完整代码本内容来源于小豆包,想要更多内容请跳转小豆包 》原创 2024-03-31 13:24:12 · 788 阅读 · 0 评论 -
在 Three.js 中,OBJExporter 是一个用于将 Three.js 中的场景导出为 OBJ 格式的类。
demo案例在 Three.js 中,OBJExporter 是一个用于将 Three.js 中的场景导出为 OBJ 格式的类。下面是关于它的入参、出参、属性和方法的解释:说明: 创建一个 OBJExporter 实例。方法:parse(object: Object3D) -> stringparseAsArray(object: Object3D) -> string[]完整代码本内容来源于小豆包,想要更多内容请跳转小豆包 》原创 2024-03-30 23:57:19 · 1257 阅读 · 0 评论 -
GLTFExporter是一个用于将3D场景导出为glTF格式的JavaScript库。
demo案例GLTFExporter是一个用于将3D场景导出为glTF格式的JavaScript库。下面我将逐个讲解其入参、出参、属性、方法以及API使用方式。GLTFExporter的主要入参是要导出的场景对象和一些导出选项。具体来说:GLTFExporter的出参是导出的glTF文件。根据您的配置,它可能是一个二进制文件(.glb)或包含多个文件的文件夹(.gltf)。GLTFExporter对象可能具有一些属性,用于配置导出的行为。这些属性通常是一些默认设置,如缩放系数等。GLTFExporter包原创 2024-03-29 10:13:26 · 1429 阅读 · 0 评论 -
DRACOExporter 是 Three.js 中的一个工具,用于将 Three.js 中的几何体(Geometry)或缓冲几何体(BufferGeometry)导出为 DRACO 格式的压缩数据。
demo案例DRACOExporter 是 Three.js 中的一个工具,用于将 Three.js 中的几何体(Geometry)或缓冲几何体(BufferGeometry)导出为 DRACO 格式的压缩数据。DRACO 是一个开源的压缩库,专门用于几何模型的压缩,它可以显著减小模型的大小而又保持高质量的几何数据。DRACOExporter 提供了一种在 Three.js 中利用 DRACO 编码器将几何体转换为高效的二进制格式的方法。 类允许您将 Three.js 中的几何体导出为 DRACO 格式原创 2024-03-27 10:22:24 · 915 阅读 · 0 评论 -
TransformControls 是 Three.js 中的一个类,用于在网页中进行 3D 场景中物体的交互式操作。
您可以通过控制器的属性来自定义其外观和行为,例如控制手柄的显示、设置控制器的大小等。原创 2024-03-26 10:19:38 · 3028 阅读 · 0 评论 -
TrackballControls是Three.js中的一个相机控件,它允许用户通过鼠标拖拽、滚轮缩放以及键盘移动相机,实现类似于球形的相机旋转操作。
demo案例TrackballControls是Three.js中的一个相机控件,它允许用户通过鼠标拖拽、滚轮缩放以及键盘移动相机,实现类似于球形的相机旋转操作。这个控件可以用于3D场景中,以提供更好的用户体验。以下是对TrackballControls的入参、出参、方法和属性的详细讲解:入参:TrackballControls的构造函数通常接受两个参数:出参:TrackballControls本身并没有直接的返回值(出参)。它主要的作用是通过改变摄像机的位置、旋转和缩放,从而改变渲染的场景视图。用户与Tr原创 2024-03-25 13:11:31 · 1939 阅读 · 0 评论 -
PointerLockControls 是 Three.js 中用于处理鼠标锁定状态下的相机控制的类。它允许用户通过鼠标移动来控制相机的旋转方向。
demo案例 是 Three.js 中用于处理鼠标锁定状态下的相机控制的类。它允许用户通过鼠标移动来控制相机的旋转方向。下面是它的详细讲解::THREE.Camera 实例,控制器将用于控制该相机。 (可选):用于监听鼠标事件的 HTML 元素。如果未提供,则默认为 。属性:示例代码解读更新逻辑本内容来源于小豆包,想要更多内容请跳转小豆包 》原创 2024-03-24 17:24:57 · 1448 阅读 · 0 评论 -
Three.js 中的 OrbitControls 是一个用于控制相机围绕目标旋转以及缩放、平移等操作的控制器。
Three.js 中的是一个用于控制相机围绕目标旋转以及缩放、平移等操作的控制器。原创 2024-03-24 16:24:04 · 3405 阅读 · 0 评论 -
Three.js 中的 `MapControls` 是一个用于控制摄像机在地图中移动和缩放的控制器。
Three.js 中的是一个用于控制摄像机在地图中移动和缩放的控制器。原创 2024-03-23 21:44:23 · 983 阅读 · 0 评论 -
`ArcballControls` 是 Three.js 中的一个相机控制器,用于在 3D 场景中实现类似于鼠标拖拽的交互操作。它允许用户通过鼠标拖拽来旋转、平移和缩放相机,从而改变视角和观
出参:ArcballControls 实例,用于控制相机的交互操作。// 当窗口大小变化时调整相机参数和渲染器大小。// Arcball 相机控制器 GUI。// 初始化透视相机距离和正交相机距离。// 定义相机类型数组和相机类型对象。// 切换相机类型并更新相机和控制器。// 监听键盘按下事件。原创 2024-03-18 15:37:15 · 641 阅读 · 0 评论 -
第三课threejs全景预览房间案例
如何在网页中预览房间每个角度? 如全景看房?原创 2022-03-05 10:33:29 · 1510 阅读 · 0 评论