Could you let me know what is wrong here?
<script>
init();
animate();
function init() {
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer({
alpha: true
});
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.outputEncoding = THREE.sRGBEncoding;
document.body.appendChild(renderer.domElement);
window.addEventListener('resize', function() {
var width = window.innerWidth
var height = window.innerHeight
renderer.setSize(width, height);
camera.aspect = width / height;
camera.UpdateProjectionMatrix();
})
stats = new Stats();
document.body.appendChild(stats.dom);
controls = new THREE.OrbitControls(camera, renderer.domElement);
var AmbientLight = new THREE.AmbientLight(0xFFFFFF, 1);
scene.add(AmbientLight);
var pointLight = new THREE.PointLight(0xffffff, 0.7);
pointLight.position.set(0, 3, 0);
scene.add(pointLight);
var light = new THREE.DirectionalLight(0xffffff, 1);
light.position.set(0, 20, 30);
light.castShadow = true;
scene.add(light);
// envmap
var path = 'js/';
var format = '.jpg';
var envMap = new THREE.CubeTextureLoader().load([
path + 'posx' + format, path + 'negx' + format,
path + 'posy' + format, path + 'negy' + format,
path + 'posz' + format, path + 'negz' + format
]);
var dracoLoader = new DRACOLoader();
dracoLoader.setDecoderPath('js/');
var loader = new THREE.GLTFLoader();
loader.setDRACOLoader(dracoLoader);
loader.load('js/object.glb', function(gltf) {
var model = gltf.scene;
model.position.set(0, 0, 0);
model.rotation.y = Math.PI / 2;
model.scale.set(0.05, 0.05, 0.05);
model.traverse(function(child) {
if (child.isMesh) child.material.envMAp = envMap;
});
scene.add(model);
}, undefined, function(error) {
console.error(error);
});
camera.position.z = 10
}
function animate() {
requestAnimationFrame(animate);
render();
stats.update();
}
function render() {
if (model !== null) {
model.rotation.x += 0.01;
model.rotation.y += 0.01;
renderer.render(scene, camera);
}
}
</script>
Thank You!