分类:threejs

threejs

threejs 蓝紫色简约3d地球纹理效果

threejs 蓝紫色简约3d地球纹理效果
threejs 蓝紫色简约3d地球纹理效果。 动态效果 实例代码 /** * @Author: 858834013@qq.com * @Name: threejs地球 * @Date: 2023年09月20日06:09:26 * @Desc: 旋转的蓝色地球 */ <t...

yekong 8个月前 (09-19) 360℃ 0喜欢

threejs 旋转的浅绿色3d地球纹理效果

threejs 旋转的浅绿色3d地球纹理效果
threejs 旋转的3d地球纹理效果,海面为蓝色,陆地为浅绿色的纹理图。 动态效果 实例代码 // 加载地球的纹理 var img1 = new THREE.TextureLoader().load(imgs); // 初始化用于记录动画帧ID的变量 var animati...

yekong 8个月前 (09-18) 259℃ 0喜欢

threejs 旋转的绿色3d地球纹理效果

threejs 旋转的绿色3d地球纹理效果
threejs 旋转的3d地球纹理效果,海面为蓝色,陆地为绿色的纹理图。 动态效果 实例代码 // 加载地球的纹理 var img1 = new THREE.TextureLoader().load(imgs); // 初始化用于记录动画帧ID的变量 var anima...

yekong 8个月前 (09-16) 267℃ 0喜欢

gui 初始化后如何销毁

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

yekong 8个月前 (09-16) 339℃ 0喜欢

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

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

yekong 8个月前 (09-15) 358℃ 0喜欢

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

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

yekong 8个月前 (09-14) 324℃ 0喜欢

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

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

yekong 8个月前 (09-13) 329℃ 0喜欢

gsap实现让三个点依次变大的效果动画

gsap实现让三个点依次变大的效果动画
数据可视化大屏项目开发中,会需要很多小动画进行点缀,以达到让大屏看起来更加酷炫。 今天整理的动画效果是使用gsap三个点依次变大然后恢复原来大小的动画效果。 动画效果 关键代码 <template> <div class="titleDot&q...

yekong 8个月前 (09-12) 308℃ 0喜欢

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

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

yekong 8个月前 (09-12) 294℃ 0喜欢