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

126 lines
4.3KB

  1. мир.объекты = {
  2. умолчание: {
  3. x: 100,
  4. y: 100,
  5. ширина: 40,
  6. высота: 20,
  7. цвет: "#ffffff",
  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. обновитьЭлемент(имя, свойство, значение);
  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. };
  75. var тело = Matter.Bodies.rectangle(x, y, ширина, высота, свойства);
  76. Matter.Composite.add(мир.физика.движок.world, тело);
  77. мир.объекты.тела[имя] = тело;
  78. }
  79. function обновитьЭлемент(имя, свойство, значение)
  80. {
  81. if (!(имя in мир.объекты.элементы))
  82. {
  83. var элемент = document.createElement("div");
  84. элемент.style.position = "absolute";
  85. элемент.style.display = "block";
  86. элемент.style.transformOrigin = "center";
  87. document.body.appendChild(элемент);
  88. мир.объекты.элементы[имя] = элемент;
  89. }
  90. var элемент = мир.объекты.элементы[имя];
  91. var за = мир.объекты.задано[имя];
  92. var ум = мир.объекты.умолчание;
  93. if (свойство == "ширина")
  94. {
  95. var ширина = за["ширина"] ? за["ширина"] : ум["ширина"];
  96. элемент.style.width = `${ширина}px`;
  97. }
  98. else if (свойство == "высота")
  99. {
  100. var высота = за["высота"] ? за["высота"] : ум["высота"];
  101. элемент.style.height = `${высота}px`;
  102. }
  103. else if (свойство == "цвет")
  104. {
  105. элемент.style.backgroundColor = за["цвет"];
  106. }
  107. }