index.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>three.js - documentation</title>
  6. <style>
  7. body {
  8. margin: 0;
  9. padding: 0;
  10. color: #555;
  11. font-family: Arial, sans-serif;
  12. }
  13. h1 {
  14. color: #999;
  15. font-size: 18px;
  16. margin-top: 20px;
  17. }
  18. #panel {
  19. position: fixed;
  20. left: 0px;
  21. top: 0px;
  22. width: 200px;
  23. height: 100%;
  24. padding-left: 20px;
  25. font-size: 15px;
  26. overflow: auto;
  27. }
  28. ul {
  29. list-style-type: none;
  30. padding: 0px;
  31. margin: 0px;
  32. }
  33. iframe {
  34. border: 0;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <div id="panel">
  40. <h1>Core</h1>
  41. <ul>
  42. <li><a href="api/core/Clock.html" target="page">Clock</a></li>
  43. <li><a href="api/core/Color.html" target="page">Color</a></li>
  44. <li><a href="api/core/Edge.html" target="page">Edge</a></li>
  45. <li><a href="api/core/Face3.html" target="page">Face3</a></li>
  46. <li><a href="api/core/Face4.html" target="page">Face4</a></li>
  47. <li><a href="api/core/Geometry.html" target="page">Geometry</a></li>
  48. <li><a href="api/core/Math.html" target="page">Math</a></li>
  49. <li><a href="api/core/Matrix3.html" target="page">Matrix3</a></li>
  50. <li><a href="api/core/Matrix4.html" target="page">Matrix4</a></li>
  51. <li><a href="api/core/Object3D.html" target="page">Object3D</a></li>
  52. <li><a href="api/core/Projector.html" target="page">Projector</a></li>
  53. <li><a href="api/core/Quaternion.html" target="page">Quaternion</a></li>
  54. <li><a href="api/core/Ray.html" target="page">Ray</a></li>
  55. <li><a href="api/core/Rectangle.html" target="page">Rectangle</a></li>
  56. <li><a href="api/core/Spline.html" target="page">Spline</a></li>
  57. <li><a href="api/core/UV.html" target="page">UV</a></li>
  58. <li><a href="api/core/Vector2.html" target="page">Vector2</a></li>
  59. <li><a href="api/core/Vector3.html" target="page">Vector3</a></li>
  60. <li><a href="api/core/Vector4.html" target="page">Vector4</a></li>
  61. <li><a href="api/core/Vertex.html" target="page">Vertex</a></li>
  62. </ul>
  63. <h1>Cameras</h1>
  64. <ul>
  65. <li><a href="api/cameras/Camera.html" target="page">Camera</a></li>
  66. <li><a href="api/cameras/PerspectiveCamera.html" target="page">PerspectiveCamera</a></li>
  67. <li><a href="api/cameras/OrtographicCamera.html" target="page">OrtographicCamera</a></li>
  68. </ul>
  69. <h1>Lights</h1>
  70. <ul>
  71. <li><a href="api/cameras/Camera.html" target="page">Camera</a></li>
  72. <li><a href="api/cameras/PerspectiveCamera.html" target="page">PerspectiveCamera</a></li>
  73. <li><a href="api/cameras/OrtographicCamera.html" target="page">OrtographicCamera</a></li>
  74. </ul>
  75. </div>
  76. <iframe id="page" src="api/cameras/Camera.html"></iframe>
  77. <script>
  78. var margin = 220;
  79. var panel = document.getElementById( 'panel' );
  80. var page = document.getElementById( 'page' );
  81. function updateLayout() {
  82. panel.style.height = window.innerHeight + 'px';
  83. page.style.marginLeft = margin + 'px';
  84. page.style.width = ( window.innerWidth - margin ) + 'px';
  85. page.style.height = window.innerHeight + 'px';
  86. }
  87. window.addEventListener( 'resize', updateLayout, false );
  88. updateLayout();
  89. </script>
  90. </body>
  91. </html>