Проверить Matter.js
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

86 行
2.9KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <title>mjs</title>
  6. <script src="https://cdn.jsdelivr.net/npm/matter-js@0.17.1/build/matter.min.js"></script>
  7. <style>
  8. html, body {
  9. margin: 0;
  10. padding: 0;
  11. overflow: hidden;
  12. background: #fbfbfb;
  13. }
  14. body {
  15. height: 100vh;
  16. width: 100vw;
  17. }
  18. #заставка {
  19. position: absolute;
  20. left: 0;
  21. right: 0;
  22. top: 0;
  23. bottom: 0;
  24. background: #ffffff;
  25. z-index: 100;
  26. }
  27. #заставка > img {
  28. position: absolute;
  29. top: 50%;
  30. left: 50%;
  31. margin-left: -320px;
  32. margin-top: -240px;
  33. }
  34. #корень {
  35. position: relative;
  36. }
  37. #отладка {
  38. position: absolute;
  39. right: 2em;
  40. bottom: 2em;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <script>
  46. function загрузитьСкрипт(адрес)
  47. {
  48. var скрипт = document.createElement('script');
  49. скрипт.src = адрес;
  50. document.head.appendChild(скрипт);
  51. }
  52. function запустить()
  53. {
  54. document.getElementById("заставка").style.display = "none";
  55. мир.пуск.запустить();
  56. загрузитьСкрипт("800.пример.json.js");
  57. загрузитьСкрипт("900.обновление.js");
  58. }
  59. </script>
  60. <div id="заставка" onclick="запустить()">
  61. <img src="р/сцены/заставка.jpg">
  62. </div>
  63. <div id="корень"></div>
  64. <div id="отладка"></div>
  65. <script src="100.мир.js"></script>
  66. <script src="105.заголовок.js"></script>
  67. <script src="120.физика.js"></script>
  68. <script src="140.изображения.js"></script>
  69. <script src="160.объекты.js"></script>
  70. <script src="180.ввод.js"></script>
  71. <script src="200.движение.js"></script>
  72. <script src="300.события.js"></script>
  73. <script src="320.игрок.js"></script>
  74. <script src="340.слежение.js"></script>
  75. <script src="360.маскиПрыжков.js"></script>
  76. <script src="380.звуки.js"></script>
  77. <script src="400.столкновения.js"></script>
  78. <script src="666.ограничитель.js"></script>
  79. <script src="700.пуск.js"></script>
  80. </body>
  81. </html>