Создание заставки Windows Vista Aurora, как эффект занавеса в OpenGL

Question

Я пытаюсь создать интерактивную фоновую анимацию, используя WebGL / Three.js

• Анимация будет генерироваться из двухцветного градиента

• Анимация будет управляться внешними факторами (интенсивность, скорость и т. Д.)

Результат должен выглядеть примерно так: https://www.youtube.com/watch?v=PdrkrCFRHWA

Я не уверен, как Vista смогла добиться эффекта, и меня интересуют возможные методы, которые могли бы дать похожие результаты. Я ищу указатели, как начать

• Должен ли я использовать сгенерированные альфа-текстуры и танцевальные квады?

• Стоит ли использовать пиксельные шейдеры?

• и т.д.

Любые советы приветствуются.

Answer 1

Я бы использовал three.js и отрисовывал связку треугольных полос и сам делал эффект градиента на фрагментном шейдере.

Эффект выглядит достаточно простым, чтобы его можно было полностью рассчитать непосредственно внутри фрагментного шейдера, так что полноэкранный квад также будет хорошо работать. Зависит от того, к какому типу деталей вы стремитесь, я бы поэкспериментировал с обоими.