Проверить Matter.js
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

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