Непрозрачность анимации Phaser 3?

Я пытаюсь переместить спрайт из одной точки в другую и заставить его исчезнуть во время движения. Я пробовал это:

const tween = game.tweens.add({
  targets: [log.sprite],
  x: fire.x,
  y: fire.y + (fire.height * 0.2),
  opacity: 0,
  duration: 300,
  repeat: 0,
  onComplete() {
    destroyLog(log);
    resolve();
  },
});

Но это не работает. У меня много проблем с поиском хороших документов API для Phaser 3, поэтому я не уверен, где мне искать эту информацию.

Это может вам помочь html5gamedevs.com/topic/8639-fade-out-text-after-2-second-de‌ Lay

Radonirina Maminiaina 07.04.2018 22:18

@RadonirinaMaminiaina Эта ссылка предназначена для Phaser 2. Я совершил ошибку, получив доступ к этому проекту с помощью Phaser 3, прежде чем понял, что документы и примеры практически отсутствуют прямо сейчас.

SimpleJ 07.04.2018 23:10
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
5
2
4 770
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вероятно, вам следует использовать alpha вместо opacity. Ниже приведен рабочий пример для Phaser3. Лямбды начального и конечного значений хороши только для гибкости. Я думаю, вы можете напрямую заменить их значениями. this относится к экземпляру Phaser.Scene.

this.add.tween({
  targets: [sprite],
  ease: 'Sine.easeInOut',
  duration: 1000,
  delay: 0,
  x: {
    getStart: () => startX,
    getEnd: () => endX
  },
  y: {
    getStart: () => startY,
    getEnd: () => endY
  },
  alpha: {
    getStart: () => startAlpha,
    getEnd: () => endAlpha
  },
  onComplete: () => {
    // Handle completion
  }
});

Вы можете легко найти полезные примеры использования Phaser 3, клонировав репо локально и выполнив поиск по некоторым ключевым словам в коде.

Как удалить или остановить подростка?

Amit Kumar Khare 25.06.2018 19:14

Другие вопросы по теме