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

134 рядки
3.6KB

  1. мир.слежение = {
  2. умолчание: {
  3. смещение: [0, 0],
  4. скорость: 1,
  5. },
  6. задано: {},
  7. };
  8. // // // //
  9. мир.ключники.push(function(ключ, путь, значение){
  10. if (!путь[0].startsWith("слежение"))
  11. {
  12. return;
  13. }
  14. var имя = путь[1];
  15. var свойство = путь.slice(2).join(".");
  16. if (!мир.слежение.задано[имя])
  17. {
  18. мир.слежение.задано[имя] = {};
  19. }
  20. мир.слежение.задано[имя][свойство] = значение;
  21. });
  22. // // // //
  23. мир.слежение.обновить = function()
  24. {
  25. var за = мир.слежение.задано;
  26. var ум = мир.слежение.умолчание;
  27. for (var имя in за)
  28. {
  29. var тело = null;
  30. var имяТела = за[имя]["объект"];
  31. if (имяТела)
  32. {
  33. тело = мир.объекты.тела[имяТела];
  34. }
  35. var эл = null;
  36. var формула = null;
  37. if (имя == "камера")
  38. {
  39. эл = document.getElementById("корень");
  40. формула = function(x, y)
  41. {
  42. return [
  43. window.innerWidth / 2 - x,
  44. window.innerHeight / 2 - y,
  45. ];
  46. };
  47. }
  48. else
  49. {
  50. эл = мир.слежение.элемент(за[имя]);
  51. }
  52. мир.слежение.обновитьЭлемент(эл, тело, за[имя], ум, формула);
  53. }
  54. };
  55. // // // //
  56. мир.слежение.элемент = function(задано)
  57. {
  58. var id = null;
  59. var изображение = задано["изображение"];
  60. if (изображение)
  61. {
  62. id = мир.изображения.элементы[изображение].id;
  63. }
  64. return document.getElementById(id);
  65. };
  66. // // // //
  67. мир.слежение.обновитьЭлемент = function(элемент, тело, задано, умолчание, формула)
  68. {
  69. if (!элемент || !тело)
  70. {
  71. return;
  72. }
  73. var скорость = задано.скорость ? задано.скорость : умолчание.скорость;
  74. var смещениеX = задано["смещение.0"] ? задано["смещение.0"] : умолчание.смещение[0];
  75. var смещениеY = задано["смещение.1"] ? задано["смещение.1"] : умолчание.смещение[1];
  76. // Сейчас.
  77. var x0 = 0;
  78. if (элемент.style.left.endsWith("px"))
  79. {
  80. x0 = элемент.style.left.slice(0, -2);
  81. }
  82. var y0 = 0;
  83. if (элемент.style.top.endsWith("px"))
  84. {
  85. y0 = элемент.style.top.slice(0, -2);
  86. }
  87. // Цель.
  88. var x1 = тело.position.x + смещениеX;
  89. var y1 = тело.position.y + смещениеY;
  90. // Более точная настройка.
  91. // Сейчас лишь для камеры.
  92. if (формула)
  93. {
  94. var итог = формула(x1, y1);
  95. x1 = итог[0];
  96. y1 = итог[1];
  97. }
  98. // Плавно.
  99. function lerp(v0, v1, t) {
  100. // Убираем мельтешение.
  101. var delta = Math.abs(v0 - v1);
  102. if (delta < 1) {
  103. return v0;
  104. }
  105. return v0 * (1 - t) + v1 * t;
  106. }
  107. var x = lerp(x0, x1, скорость);
  108. var y = lerp(y0, y1, скорость);
  109. элемент.style.left = `${x}px`;
  110. элемент.style.top = `${y}px`;
  111. };