three项目开发中会集成gui插件用来做一些交互,因为项目需要多次初始化,导致gui也重复初始化出现了多个gui插件,这时候我们需要销毁旧的避免出现多个gui界面。
旧代码
import {GUI} from 'three/examples/jsm/libs/lil-gui.m...
yekong
1年前 (2023-09-16)
喜欢
动态效果
实例代码
// 加载地球的纹理
var img1 = new THREE.TextureLoader().load(imgs);
// 初始化用于记录动画帧ID的变量
var animationFrameId = null
// 初始化三维场景变量
var...
yekong
1年前 (2023-09-15)
喜欢
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的深蓝3d地球效果实例。3d旋转地球是基于threejs实现的。
动态效果
实例代码
// 加载地球的纹理
var img1 = new THREE.TextureLoader().load(imgs);
...
yekong
1年前 (2023-09-14)
喜欢
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的深蓝3d地球效果实例。3d旋转地球是基于threejs实现的。
动态效果
实例代码
// 加载地球的纹理
var img1 = new THREE.TextureLoader().load(imgs);
...
yekong
1年前 (2023-09-13)
喜欢
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的蓝色3d地球效果实例。3d旋转地球是基于threejs实现的。
动态效果
实例代码
// 加载地球的纹理
var img1 = new THREE.TextureLoader().load(imgs);
...
yekong
1年前 (2023-09-12)
喜欢
Draco 是一个开源库,它的主要目的是为了压缩和解压缩三维(3D)几何图形。随着虚拟现实(VR)和增强现实(AR)的兴起,3D 内容变得越来越普遍,因此有一个有效的方式来传输和加载这些内容就变得尤为重要。
以下是 Draco 的一些主要特点和介绍:
高效的压缩技巧:Drac...
yekong
1年前 (2023-09-11)
喜欢
Three.js产品Web3D展示(WebGL)简介
本课程主要通过three.js实现产品三维模型的在线3D展示。
学习本课程需要前端基础
学习建议:每节课都有对应的案例源码,一定要结合每节课提供的案例源码学习,不要仅仅看视频
Three.js产品Web3D展示(WebGL)价...
yekong
1年前 (2023-08-24)
喜欢
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的白色3d地球效果实例。3d旋转地球是基于threejs实现的。
动态效果
实例代码
/**
* @Author: 858834013@qq.com
* @Name: threejs地球
* @Date: 20...
yekong
1年前 (2023-08-22)
喜欢
通过threejs 实现的星空中的3d地球效果,带飞线,地球光环等效果。
threejs版本
"three": "^0.154.0"
代码环境
vue3+vite+js nodejs v16
效果截图
动态效果
演示地址
threej...
yekong
1年前 (2023-08-22)
喜欢
在Three.js的版本154中,你可能遇到找不到ParticleBasicMaterial的问题,因为这个特定的材料已经被移除。
如果你想创建粒子效果,你可以改用PointsMaterial与Points对象来实现。以下是一个例子:
import * as THREE from...
yekong
1年前 (2023-08-21)
喜欢