src/viewer/scene/geometry/builders/buildSphereGeometry.js
import {utils} from '../../utils.js';
/**
* @desc Creates a sphere-shaped {@link Geometry}.
*
* ## Usage
*
* Creating a {@link Mesh} with a sphere-shaped {@link ReadableGeometry} :
*
* [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#buildSphereGeometry)]
*
* ````javascript
* import {Viewer, Mesh, buildSphereGeometry, ReadableGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";
*
* const viewer = new Viewer({
* canvasId: "myCanvas"
* });
*
* viewer.camera.eye = [0, 0, 5];
* viewer.camera.look = [0, 0, 0];
* viewer.camera.up = [0, 1, 0];
*
* new Mesh(viewer.scene, {
* geometry: new ReadableGeometry(viewer.scene, buildSphereGeometry({
* center: [0,0,0],
* radius: 1.5,
* heightSegments: 60,
* widthSegments: 60
* }),
* material: new PhongMaterial(viewer.scene, {
* diffuseMap: new Texture(viewer.scene, {
* src: "textures/diffuse/uvGrid2.jpg"
* })
* })
* });
* ````
*
* @function buildSphereGeometry
* @param {*} [cfg] Configs
* @param {String} [cfg.id] Optional ID for the {@link Geometry}, unique among all components in the parent {@link Scene}, generated automatically when omitted.
* @param {Number[]} [cfg.center] 3D point indicating the center position.
* @param {Number} [cfg.radius=1] Radius.
* @param {Number} [cfg.heightSegments=24] Number of latitudinal bands.
* @param {Number} [cfg.widthSegments=18] Number of longitudinal bands.
* @returns {Object} Configuration for a {@link Geometry} subtype.
*/
function buildSphereGeometry(cfg = {}) {
const lod = cfg.lod || 1;
const centerX = cfg.center ? cfg.center[0] : 0;
const centerY = cfg.center ? cfg.center[1] : 0;
const centerZ = cfg.center ? cfg.center[2] : 0;
let radius = cfg.radius || 1;
if (radius < 0) {
console.error("negative radius not allowed - will invert");
radius *= -1;
}
let heightSegments = cfg.heightSegments || 18;
if (heightSegments < 0) {
console.error("negative heightSegments not allowed - will invert");
heightSegments *= -1;
}
heightSegments = Math.floor(lod * heightSegments);
if (heightSegments < 18) {
heightSegments = 18;
}
let widthSegments = cfg.widthSegments || 18;
if (widthSegments < 0) {
console.error("negative widthSegments not allowed - will invert");
widthSegments *= -1;
}
widthSegments = Math.floor(lod * widthSegments);
if (widthSegments < 18) {
widthSegments = 18;
}
const positions = [];
const normals = [];
const uvs = [];
const indices = [];
let i;
let j;
let theta;
let sinTheta;
let cosTheta;
let phi;
let sinPhi;
let cosPhi;
let x;
let y;
let z;
let u;
let v;
let first;
let second;
for (i = 0; i <= heightSegments; i++) {
theta = i * Math.PI / heightSegments;
sinTheta = Math.sin(theta);
cosTheta = Math.cos(theta);
for (j = 0; j <= widthSegments; j++) {
phi = j * 2 * Math.PI / widthSegments;
sinPhi = Math.sin(phi);
cosPhi = Math.cos(phi);
x = cosPhi * sinTheta;
y = cosTheta;
z = sinPhi * sinTheta;
u = 1.0 - j / widthSegments;
v = i / heightSegments;
normals.push(x);
normals.push(y);
normals.push(z);
uvs.push(u);
uvs.push(v);
positions.push(centerX + radius * x);
positions.push(centerY + radius * y);
positions.push(centerZ + radius * z);
}
}
for (i = 0; i < heightSegments; i++) {
for (j = 0; j < widthSegments; j++) {
first = (i * (widthSegments + 1)) + j;
second = first + widthSegments + 1;
indices.push(first + 1);
indices.push(second + 1);
indices.push(second);
indices.push(first + 1);
indices.push(second);
indices.push(first);
}
}
return utils.apply(cfg, {
positions: positions,
normals: normals,
uv: uvs,
indices: indices
});
}
export {buildSphereGeometry};