*
//화면 생성
var scene = new THREE.Scene();
//카메라 설정
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight);
camera.position.set(0,0,1000);
//렌더링 설정
var renderer = new THREE.WebGLRenderer({
canvas: document.getElementById("webgl-canvas")
});
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setClearColor(new THREE.Color(0xffffff));
renderer.setSize(window.innerWidth, window.innerHeight);
//모양 설정
const geometry = new THREE.SphereGeometry(300,30,30);
const material = new THREE.MeshStandardMaterial({
color: new THREE.Color("#009f8c"),
wireframe: true
});
const mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
//조명 설정
const ambientlight = new THREE.AmbientLight(0xffffff, 1);
const directionalLight = new THREE.DirectionalLight(0xffffff, 1);
directionalLight.position.set(1, 1, 1);
scene.add(ambientlight);
//scene.add(directionalLight);
//애니메이션 설정
function animate() {
requestAnimationFrame(animate);
mesh.rotation.x += 0.01;
mesh.rotation.y += 0.01;
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