Three.JS My First Three.JS Sample

2013.10.07 21:49

가을의 곰 조회 수:310

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>


경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com





.

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED