Проверить 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.

141 lines
4.9KB

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