想做一个主页,页面上有一个地球和云层的3D效果。想了下这个使用Three.js还是 蛮简单 的。首先给一个SphereGeometry加上地球纹理,再给另一个SphereGeometry加上透明的云层纹理,套在一起,加上动画就好了
效果预览(使用高清点的纹理图片效果应该会好很多):
首先定义场景等基本要素:
const WIDTH = document.body.clientWidth;
const HEIGHT = document.body.clientHeight;
//定义 scene, camera, render
let scene = new THREE.Scene();
//透视投影
let camera = new THREE.Pe