Three.JS My First Three.JS Sample
2013.10.07 21:49
My First Three.JS Sample
나의 첫번째 Three.js 예제 입니다.
Three.JS은 WebGL를 이용한 Javascript 3D 라이브러리 입니다.
<!DOCTYPE html> <html> <head> <title>A Simple Three.js Page</title> <script src="../libs/Three.js"></script> <script> function onLoad() { // Grab our container div var container = document.getElementById("container"); // Create the Three.js renderer, add it to our div var renderer = new THREE.WebGLRenderer(); renderer.setSize(container.offsetWidth, container.offsetHeight); container.appendChild( renderer.domElement ); // Create a new Three.js scene var scene = new THREE.Scene(); // Create a camera and add it to the scene var camera = new THREE.PerspectiveCamera( 45, container.offsetWidth / container.offsetHeight, 1, 4000 ); camera.position.set( 0, 0, 3.3333 ); scene.add( camera ); // Now, create a rectangle and add it to the scene var geometry = new THREE.PlaneGeometry(1, 1); var mesh = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial( ) ); scene.add( mesh ); // Render it renderer.render( scene, camera ); } </script> </head> <body onLoad="onLoad();"> <div id="container" style="width:500px; height:500px; background-color:#000000"></div> </body> </html> |
.
본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.