Проверить Matter.js
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

00130.объекты.js 5.1KB

pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
pirms 3 gadiem
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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. // // // //
  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. if (тело.isSleeping)
  42. {
  43. continue;
  44. }
  45. var элемент = мир.объекты.элементы[имя];
  46. let x = тело.position.x - элемент.offsetWidth / 2;
  47. let y = тело.position.y - элемент.offsetHeight / 2;
  48. let угол = тело.angle;
  49. элемент.style.transform = `translate(${x}px, ${y}px) rotate(${угол}rad)`;
  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 != null ? за.x : ум.x;
  69. var y = за.y != null ? за.y : ум.y;
  70. var ширина = за.ширина ? за.ширина : ум.ширина;
  71. var высота = за.высота ? за.высота : ум.высота;
  72. // Переводим x,y из левого-верхнего угла в центр.
  73. x = x + ширина / 2.0;
  74. y = y + высота / 2.0;
  75. var физика = {};
  76. Object.assign(физика, ум.физика);
  77. for (var путь in за)
  78. {
  79. if (путь.startsWith("физика"))
  80. {
  81. var свойство = путь.slice(7);
  82. мир.задать(физика, свойство, за[путь]);
  83. //физика[свойство] = за[путь];
  84. }
  85. }
  86. console.debug("имя/физика", имя, физика);
  87. var тело = Matter.Bodies.rectangle(x, y, ширина, высота, физика);
  88. Matter.Composite.add(мир.физика.движок.world, тело);
  89. мир.объекты.тела[имя] = тело;
  90. }
  91. function обновитьЭлемент(имя, свойство, значение)
  92. {
  93. var за = мир.объекты.задано[имя];
  94. var ум = мир.объекты.умолчание;
  95. if (!(имя in мир.объекты.элементы))
  96. {
  97. var элемент = document.createElement("div");
  98. элемент.id = `объекты-${имя}`;
  99. элемент.style.position = "absolute";
  100. элемент.style.display = "block";
  101. элемент.style.transformOrigin = "center";
  102. document.getElementById("корень").appendChild(элемент);
  103. мир.объекты.элементы[имя] = элемент;
  104. // Свойства по умолчанию.
  105. элемент.style.width = `${ум.ширина}px`;
  106. элемент.style.height = `${ум.высота}px`;
  107. }
  108. var элемент = мир.объекты.элементы[имя];
  109. if (свойство == "ширина")
  110. {
  111. var ширина = за["ширина"] ? за["ширина"] : ум["ширина"];
  112. элемент.style.width = `${ширина}px`;
  113. }
  114. else if (свойство == "высота")
  115. {
  116. var высота = за["высота"] ? за["высота"] : ум["высота"];
  117. элемент.style.height = `${высота}px`;
  118. }
  119. }
  120. function обновитьВидЭлемента(путь, имя, свойство, значение)
  121. {
  122. if (свойство != "вид")
  123. {
  124. return;
  125. }
  126. var элемент = мир.объекты.элементы[имя];
  127. var параметр = путь[3];
  128. элемент.style.setProperty(параметр, значение);
  129. }