Создание эффекта fadeIn

Question

Я пытаюсь создать слайд-шоу с использованием элемента canvas, который работает хорошо. Нажав на следующую, вы увидите другую картинку. Я хочу добавить эффект fadeIn, который идет слева направо, когда отображается следующий снимок, но я понятия не имею, как это сделать. Все, что я пробовал, не помогло.

Любые идеи, как это решить?

Answer 1

Посмотрите на метод globalAlpha. Изменяя это значение (от 0 до 1), вы можете изменить значение альфа контекста холста:

ctx.globalAlpha = 0.5; // half faded 

Использование переменной для увеличения/уменьшения значения каждого цикла, вы можете создать усиление/ослабление эффекта.