const scene = new THREE.Scene();
const loader = new GLTFLoader();
loader.load( "./objects/eagle.glb", (res) => { console.log(res, "ressssssssss"); scene.add(res.scene); }, (xhr) => { console.log((xhr.loaded / xhr.total) * 100 + "% loaded"); }, (err) => { console.log(err, "erorrrr"); } );
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); const render = new THREE.WebGLRenderer(); document.body.appendChild(render.domElement);
const light = new THREE.DirectionalLight(0xffffff, 0.5); light.position.set(0, 1, 0); scene.add(light.target);
camera.position.set(0, 1, 2); scene.add(camera);
render.setSize(window.innerWidth, window.innerHeight); render.setPixelRatio(Math.min(window.devicePixelRatio, 2)); render.shadowMap = true; render.cameraOutput = true;
function animate() {
requestAnimationFrame(animate); render.render(scene, camera); }
animate();