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

Question

Я пытаюсь создать интерактивную справочную анимацию с помощью WebGL/three.js

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

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

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

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

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

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

• т.д.

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

Answer 1

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

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