分类:threejs

threejs

gui 初始化后如何销毁

gui 初始化后如何销毁
three项目开发中会集成gui插件用来做一些交互,因为项目需要多次初始化,导致gui也重复初始化出现了多个gui插件,这时候我们需要销毁旧的避免出现多个gui界面。 旧代码 import {GUI} from 'three/examples/jsm/libs/lil-gui.m...

yekong 1年前 (2023-09-16) 喜欢

threejs 旋转的蓝色地球纹理效果

threejs 旋转的蓝色地球纹理效果
动态效果 实例代码 // 加载地球的纹理 var img1 = new THREE.TextureLoader().load(imgs); // 初始化用于记录动画帧ID的变量 var animationFrameId = null // 初始化三维场景变量 var...

yekong 1年前 (2023-09-15) 喜欢

threejs 旋转的3d网格地球效果

threejs 旋转的3d网格地球效果
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的深蓝3d地球效果实例。3d旋转地球是基于threejs实现的。 动态效果 实例代码 // 加载地球的纹理 var img1 = new THREE.TextureLoader().load(imgs); ...

yekong 1年前 (2023-09-14) 喜欢

threejs 旋转的深蓝3d地球效果

threejs 旋转的深蓝3d地球效果
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的深蓝3d地球效果实例。3d旋转地球是基于threejs实现的。 动态效果 实例代码 // 加载地球的纹理 var img1 = new THREE.TextureLoader().load(imgs); ...

yekong 1年前 (2023-09-13) 喜欢

threejs 旋转的蓝色3d地球效果实例

threejs 旋转的蓝色3d地球效果实例
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的蓝色3d地球效果实例。3d旋转地球是基于threejs实现的。 动态效果 实例代码 // 加载地球的纹理 var img1 = new THREE.TextureLoader().load(imgs); ...

yekong 1年前 (2023-09-12) 喜欢

开源库draco介绍

开源库draco介绍
Draco 是一个开源库,它的主要目的是为了压缩和解压缩三维(3D)几何图形。随着虚拟现实(VR)和增强现实(AR)的兴起,3D 内容变得越来越普遍,因此有一个有效的方式来传输和加载这些内容就变得尤为重要。 以下是 Draco 的一些主要特点和介绍: 高效的压缩技巧:Drac...

yekong 1年前 (2023-09-11) 喜欢

Three.js产品Web3D展示(WebGL) 视频教程介绍

Three.js产品Web3D展示(WebGL) 视频教程介绍
Three.js产品Web3D展示(WebGL)简介 本课程主要通过three.js实现产品三维模型的在线3D展示。 学习本课程需要前端基础 学习建议:每节课都有对应的案例源码,一定要结合每节课提供的案例源码学习,不要仅仅看视频 Three.js产品Web3D展示(WebGL)价...

yekong 1年前 (2023-08-24) 喜欢

threejs 实现旋转的白色3d地球效果实例

threejs 实现旋转的白色3d地球效果实例
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的白色3d地球效果实例。3d旋转地球是基于threejs实现的。 动态效果 实例代码 /** * @Author: 858834013@qq.com * @Name: threejs地球 * @Date: 20...

yekong 1年前 (2023-08-22) 喜欢

three 154 找不到ParticleBasicMaterial

three 154 找不到ParticleBasicMaterial
在Three.js的版本154中,你可能遇到找不到ParticleBasicMaterial的问题,因为这个特定的材料已经被移除。 如果你想创建粒子效果,你可以改用PointsMaterial与Points对象来实现。以下是一个例子: import * as THREE from...

yekong 1年前 (2023-08-21) 喜欢