Проверить Matter.js
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

169 wiersze
5.5KB

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