In Three.js we have different shapes that we can create, from rectangles or boxes as we saw in the first scene with Three.js, to spheres; to draw a sphere, we have the SphereGeometry function that receives, in a mandatory way, the radius, and the number of segments for the width and height:
THREE.SphereGeometry(20, 20, 20);
For the rest, it follows the same structure as any other geometric figure that you want to establish; that is, pass the mesh to it and add it to the scene:
var sphereGeometry = new THREE.SphereGeometry(20, 20, 20);
var sphereMaterial = new THREE.MeshBasicMaterial({
color: 0x7777FF,
wireframe: true
});
var sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);
sphere.position.set(20, 4, 2);
scene.add(sphere);
Develop with Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter