3D to Web

configObject = { autoRotate: true, autoRotateSpeed: 2, rotationPolarTopLimit: 100, rotationPolarBottomLimit: 100 zoomEnabled: true, zoomInLimit: 1, zoomOutLimit: 3, castShadows: false, shadowBlur: 1, panControls: false, fullscreenButton: false, screenShotButton: false, meshSelection: false, meshGhosting: false, ghostMeshColor: '#ffffff', ghostMeshOpacity: 0.1, sizeLabelSize: 5, sizeLabelColor: '#666666', animationControlsButton: true, introAnimation: 'scaleAndRotate', showDefaultLoadingScreen: true, loadingScreenMessage: "Model is loading...", loadingAnimationColor: '#ff7f50', backgroundColor: '#111111', backgroundGradient: false, backgroundGradientValue: 50, showBoundingBox: } let modelViewer = new ModelViewer(configObject); modelViewer.initialize("./path/to/model_name.gltf", () => { console.log("Model loaded"); });