我的第一个WebGL代码

最新推荐文章于 2020-08-31 14:48:39 发布

hu8471479

最新推荐文章于 2020-08-31 14:48:39 发布

阅读量1.5k

点赞数

分类专栏： webgl 文章标签： webgl javascript 3d

本文链接：https://blog.csdn.net/decoderworld/article/details/21568165

版权

webgl 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

终于开始我的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>