What’s on our mind?

Collection of articles, design, site, and resources made by designers and publisher @Menu View

    //화면 설정
    var scene = new THREE.Scene();

    //카메라 설정
    var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 1, 1000);
    camera.position.set(0,5,7);
    scene.add(camera);

    //렌더링 설정
    var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
    renderer.setPixelRatio((window.devicePixelRatio) ? window.devicePixelRatio : 1);
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.getElementById('canvas').appendChild(renderer.domElement);

    //모양 설정
    var shape = [];
	geometry = new THREE.IcosahedronGeometry(2, 0);
	material = new THREE.MeshNormalMaterial({color: 0x0000ff});
	shape[0] = new THREE.Mesh(geometry, material);
	shape[1] = new THREE.Mesh(geometry, material);
	shape[2] = new THREE.Mesh(geometry, material);
	shape[0].position.set(0,5,0);
	shape[1].position.set(0,5,0);
	shape[2].position.set(0,5,0);
	scene.add(shape[0],shape[1],shape[2]);

    //조명 설정
    var light = new THREE.PointLight(0xfca4c5);
	light.position.set(0,250,0);
	scene.add(light);

    //애니메이션 설정
    function animate() {
        requestAnimationFrame(animate);

        shape[0].rotation.x += 0.035;
		shape[0].rotation.y -= 0.005;
		shape[1].rotation.y += 0.015;
		shape[1].rotation.z -= 0.005;
		shape[2].rotation.z -= 0.025;
		shape[2].rotation.x += 0.005;
        
		renderer.render(scene, camera);
    }
    animate();

    //화면 사이즈 설정
    function onWindowResize() {
        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();
        renderer.setSize(window.innerWidth, window.innerHeight);
    }
    window.addEventListener('resize', onWindowResize);