Проверить Matter.js
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

70 satır
2.3KB

  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. <div id="заставка" onclick="document.getElementById('заставка').style.display = 'none';">
  46. <img src="р/сцены/заставка.jpg">
  47. </div>
  48. <div id="корень"></div>
  49. <div id="отладка"></div>
  50. <script src="100.мир.js"></script>
  51. <script src="105.заголовок.js"></script>
  52. <script src="120.физика.js"></script>
  53. <script src="140.изображения.js"></script>
  54. <script src="160.объекты.js"></script>
  55. <script src="180.ввод.js"></script>
  56. <script src="300.события.js"></script>
  57. <script src="320.игрок.js"></script>
  58. <script src="340.слежение.js"></script>
  59. <script src="360.маскиПрыжков.js"></script>
  60. <script src="380.звуки.js"></script>
  61. <script src="400.столкновения.js"></script>
  62. <script src="700.пуск.js"></script>
  63. <script src="800.пример.json.js"></script>
  64. <script src="900.обновление.js"></script>
  65. </body>
  66. </html>