//화면 설정
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);
What’s on our mind?
Collection of articles, design, site, and resources made by designers and publisher
@Menu View
ad