//화면 생성
var scene = new THREE.Scene();
//카메라 설정
var width = window.innerWidth;
var height = window.innerHeight;
var aspect = width / height;
var camera = new THREE.PerspectiveCamera(75, aspect, 1, 1000);
camera.position.set(0,0,5);
//렌더링 설정
var renderer = new THREE.WebGLRenderer();
renderer.setSize(width, height);
document.body.appendChild(renderer.domElement);
//박스 만들기
var cubeGeometry = new THREE.BoxGeometry(2,2,2);
var material = new THREE.MeshLambertMaterial({ color: 0xff0000 });
var cube = new THREE.Mesh(cubeGeometry, material);
cube.rotation.set(15,15,0);
scene.add(cube);
//빛 설정
var light = new THREE.DirectionalLight(0xffffff, 1.5);
light.position.y = 10;
scene.add(light);
var light2 = new THREE.DirectionalLight(0xffffff, .5);
light2.position.set(-10,-20,10);
scene.add(light2);
//애니메이션 설정
function animate() {
requestAnimationFrame(animate);
cube.rotation.x += .01;
cube.rotation.y += .01;
cube.rotation.z += .01;
renderer.render(scene, camera);
}
animate();
What’s on our mind?
Collection of articles, design, site, and resources made by designers and publisher
@Menu View
ad