Я работаю над школьным проектом, и мы разрабатываем интерактивную историю с рамкой A-Frame. Идея состоит в том, чтобы посетить ваш старый дом и иметь воспоминания о старых добрых временах. Таким образом, мы используем 360 ° изображения в объектах неба, и мы переключаем эти изображения между настоящим и прошлым.Использование перехода маски CSS с элементом A-Frame sky
Я работаю на переходе при переключении изображений, но только хороший переход, я могу разработать простое Затемнение ... Моя идея была бы получить что-то похожее на CSS Mask Переход здесь: https://tympanus.net/Tutorials/CSSMaskTransition/
Можно ли получить такой же результат? Если нет, можете ли вы представить себе хороший и легкий переход, который я мог бы сделать?
Просто, чтобы вы знали, я не привык к веб-разработке, у нас есть только 3 дня, чтобы закончить этот опыт, и я совершенно не знаком с рамкой A-Frame (я работал над ним в течение 3 дней только сейчас).
Спасибо вам большое за то, что у вас есть время и приятный день!
Augustin.
Переход, подобный этому, будет довольно привлекательным для реализации, я не думаю, что это возможно в продолжительность пары дней с небольшим графическим опытом. Вам, скорее всего, придется писать собственный шейдер, который изменяет значение альфа каждого пикселя. Или вы можете создать альфа-карту GIF или видео и использовать ее для управления альфа-значениями текстуры. – ngokevin
Вот что я с грустью думал ... У меня проблемы с простыми переходами к черному переходу, потому что я использую 5 небесных накладок. Я делаю это, чтобы получить простую анимацию, изменив непрозрачность определенных неба через CSS вместо использования видео (слишком большого) или gif (качество слишком плохое). Есть ли у вас пример анимации на небесах? – Augustin