javascript
/
three.js
зеркало из https://github.com/tazdij/three.js.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
							<html>
	<head>
		<title>three.js - documentation</title>
		<style>
			body {
				margin: 0;
				padding: 0;
				color: #555;
				font-family: Arial, sans-serif;
			}

			h1 {
				color: #999;
				font-size: 18px;
				margin-top: 20px;
			}

			#panel	{

				position: fixed;

				left: 0px;
				top: 0px;

				width: 200px;
				height: 100%;

				padding-left: 20px;

				font-size: 15px;

				overflow: auto;

			}

			ul {
				list-style-type: none;
				padding: 0px;
				margin: 0px;
			}

			iframe {

				border: 0;

			}
		</style>
	</head>
	<body>
		<div id="panel">

			<h1>Core</h1>

			<ul>
				<li><a href="api/core/Clock.html" target="page">Clock</a></li>
				<li><a href="api/core/Color.html" target="page">Color</a></li>
				<li><a href="api/core/Edge.html" target="page">Edge</a></li>
				<li><a href="api/core/Face3.html" target="page">Face3</a></li>
				<li><a href="api/core/Face4.html" target="page">Face4</a></li>
				<li><a href="api/core/Geometry.html" target="page">Geometry</a></li>
				<li><a href="api/core/Math.html" target="page">Math</a></li>
				<li><a href="api/core/Matrix3.html" target="page">Matrix3</a></li>
				<li><a href="api/core/Matrix4.html" target="page">Matrix4</a></li>
				<li><a href="api/core/Object3D.html" target="page">Object3D</a></li>
				<li><a href="api/core/Projector.html" target="page">Projector</a></li>
				<li><a href="api/core/Quaternion.html" target="page">Quaternion</a></li>
				<li><a href="api/core/Ray.html" target="page">Ray</a></li>
				<li><a href="api/core/Rectangle.html" target="page">Rectangle</a></li>
				<li><a href="api/core/Spline.html" target="page">Spline</a></li>
				<li><a href="api/core/UV.html" target="page">UV</a></li>
				<li><a href="api/core/Vector2.html" target="page">Vector2</a></li>
				<li><a href="api/core/Vector3.html" target="page">Vector3</a></li>
				<li><a href="api/core/Vector4.html" target="page">Vector4</a></li>
				<li><a href="api/core/Vertex.html" target="page">Vertex</a></li>
			</ul>

			<h1>Cameras</h1>

			<ul>
				<li><a href="api/cameras/Camera.html" target="page">Camera</a></li>
				<li><a href="api/cameras/PerspectiveCamera.html" target="page">PerspectiveCamera</a></li>
				<li><a href="api/cameras/OrtographicCamera.html" target="page">OrtographicCamera</a></li>
			</ul>

			<h1>Lights</h1>

			<ul>
				<li><a href="api/cameras/Camera.html" target="page">Camera</a></li>
				<li><a href="api/cameras/PerspectiveCamera.html" target="page">PerspectiveCamera</a></li>
				<li><a href="api/cameras/OrtographicCamera.html" target="page">OrtographicCamera</a></li>
			</ul>
		</div>

		<iframe id="page" src="api/cameras/Camera.html"></iframe>

		<script>

			var margin = 220;
			var panel = document.getElementById( 'panel' );
			var page = document.getElementById( 'page' );

			function updateLayout() {

				panel.style.height = window.innerHeight + 'px';

				page.style.marginLeft = margin + 'px';
				page.style.width = ( window.innerWidth - margin ) + 'px';
				page.style.height = window.innerHeight + 'px';

			}

			window.addEventListener( 'resize', updateLayout, false );

			updateLayout();

		</script>
	</body>
</html>