Проверить Matter.js
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

132 lines
4.6KB

  1. мир.платформы = {
  2. умолчание: {
  3. x: 100,
  4. y: 100,
  5. ширина: 40,
  6. высота: 20,
  7. цвет: "#ff0000",
  8. статика: true,
  9. },
  10. задано: {},
  11. тела: {},
  12. элементы: {},
  13. свойстваТела: ["x", "y", "ширина", "высота", "статика"],
  14. обновить: обновитьПлатформы,
  15. };
  16. // // // //
  17. мир.ключники.push(function(ключ, путь, значение){
  18. if (!ключ.startsWith("платформы"))
  19. {
  20. return;
  21. }
  22. var имя = путь[1];
  23. var свойство = путь[2];
  24. сохранитьЗаданноеЗначение(имя, свойство, значение);
  25. пересоздатьТело(имя, свойство, значение);
  26. var за = мир.платформы.задано[имя];
  27. var умолчание = мир.платформы.умолчание;
  28. var ширина = за["ширина"] ? за["ширина"] : умолчание["ширина"];
  29. var высота = за["высота"] ? за["высота"] : умолчание["высота"];
  30. // Создать div.
  31. if (!(имя in мир.платформы.элементы))
  32. {
  33. var элемент = document.createElement("div");
  34. элемент.style.position = "absolute";
  35. элемент.style.display = "block";
  36. элемент.style.backgroundColor = умолчание["цвет"];
  37. элемент.style.width = `${ширина}px`;
  38. элемент.style.height = `${высота}px`;
  39. элемент.style.transformOrigin = `center`;
  40. document.body.appendChild(элемент);
  41. мир.платформы.элементы[имя] = элемент;
  42. }
  43. // Обновить div.
  44. var элемент = мир.платформы.элементы[имя];
  45. if (свойство == "ширина")
  46. {
  47. элемент.style.width = `${ширина}px`;
  48. }
  49. else if (свойство == "высота")
  50. {
  51. элемент.style.height = `${высота}px`;
  52. }
  53. else if (свойство == "цвет")
  54. {
  55. элемент.style.backgroundColor = за["цвет"];
  56. }
  57. });
  58. // // // //
  59. function обновитьПлатформы()
  60. {
  61. for (var имя in мир.платформы.тела)
  62. {
  63. var тело = мир.платформы.тела[имя];
  64. if (тело.isSleeping)
  65. {
  66. continue;
  67. }
  68. var элемент = мир.платформы.элементы[имя];
  69. let x = тело.position.x - элемент.offsetWidth / 2;
  70. let y = тело.position.y - элемент.offsetHeight / 2;
  71. let угол = тело.angle;
  72. элемент.style.transform = `translate(${x}px, ${y}px) rotate(${угол}rad)`;
  73. }
  74. }
  75. function сохранитьЗаданноеЗначение(имя, свойство, значение)
  76. {
  77. if (!(имя in мир.платформы.задано))
  78. {
  79. мир.платформы.задано[имя] = {};
  80. }
  81. мир.платформы.задано[имя][свойство] = значение;
  82. console.debug("задано", мир.платформы.задано[имя]);
  83. }
  84. function пересоздатьТело(имя, свойство, значение)
  85. {
  86. if (!мир.платформы.свойстваТела.includes(свойство))
  87. {
  88. return;
  89. }
  90. // Удалить физическое тело.
  91. if (имя in мир.платформы.тела)
  92. {
  93. var тело = мир.платформы.тела[имя];
  94. Matter.Composite.remove(мир.физика.движок.world, тело);
  95. }
  96. // Пересоздать физическое тело.
  97. var за = мир.платформы.задано[имя];
  98. var ум = мир.платформы.умолчание;
  99. var x = за["x"] ? за["x"] : ум["x"];
  100. var y = за["y"] ? за["y"] : ум["y"];
  101. var ширина = за["ширина"] ? за["ширина"] : ум["ширина"];
  102. var высота = за["высота"] ? за["высота"] : ум["высота"];
  103. var свойства = {
  104. isStatic: ("статика" in за) ? за.статика : ум.статика,
  105. };
  106. var тело = Matter.Bodies.rectangle(x, y, ширина, высота, свойства);
  107. console.debug("создать тело", тело);
  108. Matter.Composite.add(мир.физика.движок.world, тело);
  109. мир.платформы.тела[имя] = тело;
  110. }