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.

97 lines
3.2KB

  1. function Слежение(изображения, тела)
  2. {
  3. this.создать = function()
  4. {
  5. this.умолчание = {
  6. смещение: [0, 0],
  7. скорость: 1,
  8. предел: 0,
  9. };
  10. this.задано = {};
  11. };
  12. this.обновить = function()
  13. {
  14. for (var имя in this.задано)
  15. {
  16. var за = this.задано[имя];
  17. this.расположитьИзображение(за);
  18. }
  19. };
  20. this.обработатьКлюч = function(ключ, путь, значение)
  21. {
  22. if (путь[0] != "слежение")
  23. {
  24. return;
  25. }
  26. var имя = путь[1];
  27. var свойство = путь.slice(2).join(".");
  28. if (!this.задано[имя])
  29. {
  30. this.задано[имя] = {};
  31. }
  32. this.задано[имя][свойство] = значение;
  33. };
  34. this.расположитьИзображение = function(за)
  35. {
  36. var тело = тела.тела[за.тело];
  37. if (!тело)
  38. {
  39. return;
  40. }
  41. var элемент = изображения.элементы[за.изображение];
  42. var ум = this.умолчание;
  43. // Параметры.
  44. var скорость = за.скорость ? за.скорость : ум.скорость;
  45. var смещениеX = за["смещение.0"] ? за["смещение.0"] : ум.смещение[0];
  46. var смещениеY = за["смещение.1"] ? за["смещение.1"] : ум.смещение[1];
  47. var предел = за.предел ? за.предел : ум.предел;
  48. // Текущая позиция.
  49. var x0 = 0;
  50. if (элемент.dataset.слежениеX)
  51. {
  52. x0 = элемент.dataset.слежениеX;
  53. }
  54. var y0 = 0;
  55. if (элемент.dataset.слежениеY)
  56. {
  57. y0 = элемент.dataset.слежениеY;
  58. }
  59. // Целевая позиция.
  60. var x1 = тело.position.x + смещениеX;
  61. var y1 = тело.position.y + смещениеY;
  62. // Radians -> Degrees.
  63. var угол = тело.angle * 180 / Math.PI;
  64. // Устанавливаемая плавно позиция.
  65. var x = this.lerp(x0, x1, скорость, предел);
  66. var y = this.lerp(y0, y1, скорость, предел);
  67. элемент.dataset.слежениеX = x;
  68. элемент.dataset.слежениеY = y;
  69. изображения.обновитьРасположение(за.изображение, x, y, угол);
  70. };
  71. this.lerp = function(v0, v1, t, предел) {
  72. // Убираем мельтешение в случае наличия предела.
  73. if (предел)
  74. {
  75. var delta = Math.abs(v0 - v1);
  76. if (delta < предел) {
  77. return v0;
  78. }
  79. }
  80. return v0 * (1 - t) + v1 * t;
  81. };
  82. // Конструктор.
  83. this.создать();
  84. };