material-table.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html><html lang="zh"><head>
  2. <meta charset="utf-8">
  3. <title>材质特性表</title>
  4. <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  5. <meta name="twitter:card" content="summary_large_image">
  6. <meta name="twitter:site" content="@threejs">
  7. <meta name="twitter:title" content="Three.js – Material Feature Table">
  8. <meta property="og:image" content="https://threejs.org/files/share.png">
  9. <link rel="shortcut icon" href="../../files/favicon_white.ico" media="(prefers-color-scheme: dark)">
  10. <link rel="shortcut icon" href="../../files/favicon.ico" media="(prefers-color-scheme: light)">
  11. <link rel="stylesheet" href="../resources/lesson.css">
  12. <link rel="stylesheet" href="../resources/lang.css">
  13. <script type="importmap">
  14. {
  15. "imports": {
  16. "three": "../../build/three.module.js"
  17. }
  18. }
  19. </script>
  20. <link rel="stylesheet" href="/manual/zh/lang.css">
  21. </head>
  22. <body>
  23. <div class="container">
  24. <div class="lesson-title">
  25. <h1>材质特性表</h1>
  26. </div>
  27. <div class="lesson">
  28. <div class="lesson-main">
  29. <p>在THREE.js中最常见的材质就是网格材质了,这里有一个表格,分别显示了哪些材质支持哪些特性。</p>
  30. <div>
  31. <div id="material-table" class="threejs_center"></div>
  32. <script type="module" src="../resources/threejs-material-table.js"></script>
  33. <link rel="stylesheet" href="../resources/threejs-material-table.css">
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. <script src="../resources/prettify.js"></script>
  39. <script src="../resources/lesson.js"></script>
  40. </body></html>