天天看点

我的第一个WebGL代码

终于开始我的3D代码之旅,一路顺风,虽然一开始这还是板砖的过程
           
<!doctype html>
<html >
<head>
	
	<title>Document</title>

		<script type="text/javascript" src="three.js"></script>
		<script type="text/javascript">
		function onLoad()
		{
			var container=document.getElementById("container");

			var renderer = new THREE.WebGLRenderer();
			renderer.setSize(container.offsetWidth,container.offsetHeight);
			container.appendChild(renderer.domElement);

			var scene = new THREE.Scene();

			var camera = new THREE.PerspectiveCamera(45,container.offsetWidth / container.offsetHeight,1,4000);
			camera.position.set(0,0,3.3333);
			scene.add(camera);


			var geometry = new THREE.PlaneGeometry(1,1);
			var mesh = new THREE.Mesh(geometry,new THREE.MeshBasicMaterial());
			scene.add(mesh);

			renderer.render(scene,camera);
		}
		</script>
</head>
<body οnlοad="onLoad();">
	<div id="container" style="width:500px; height:500px;background-color:#000000">
		
	</div>
	
</body>
</html>
           

继续阅读