threejs 绘制球体_threejs地球仪制作

思路就是创建一个球体，并且找一张地球展开图，贴在球体上

网上找了一张地球展开图

引入必要的js//引入threejs

//这个工具js是运行你控制场景旋转缩放的

核心代码

//动画帧函数

window.requestAnimFrame = (function(){

return window.requestAnimationFrame ||

window.webkitRequestAnimationFrame ||

window.mozRequestAnimationFrame ||

function( callback ){

window.setTimeout(callback, 1000 / 60);

};

})();

//初始化

function init() {

// 创建场景

var scene = new THREE.Scene();

// 创建一个透视相机

var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);

// 创建一个webGL的渲染器

var webGLRenderer = new THREE.WebGLRenderer();

webGLRenderer.setClearColor(new THREE.Color(0xEEEEEE, 1.0));

webGLRenderer.setSize(window.innerWidth, wind