查看旋转地球效果
主要用到几个知识点
(1)显示文字是使用了three.js 的精灵(Sprite),精灵的文字方向始终面向相机,文字是在canvas中画的,精灵的材质就是加载的带有文字的canvas...= new THREE.Sprite(spritMaterial)
sprite.position.set(-280,0,0);
//精灵的默认大小很小估计是[1,1,1]
sprite.scale.set...(0.64*256,0.64*64,1);
scene.add(sprite)
}
(2)文字更新的方法是为canvas的文字重新赋值,并在动画中移除上次加载的精灵,否则精灵会重叠
scene.remove...,看到的物体各个面的颜色也不一样
// light = new THREE.DirectionalLight(0xffffbb, 1);
// light.position.set...= new THREE.Sprite(spritMaterial)
sprite.position.set(-280,0,0);
//精灵的默认大小很小估计是[1,1,1]
sprite.scale.set