How to make a spinning ring animation in WebGL?

Question

WebGL

Today, the overturning winding hourglass has been replaced by a spinning iridescent ring.
I have a webgl canvas where all anti-aliasing is disabled for speed and simplicity.
How would you draw a beautiful animated smooth rotating anti-alias ring in such a canvas with a minimum of devouring resources?

Answer 1

Take the texture and rotate it, the problem with anti-aliasing will be solved due to texture filtering. This will probably be the best way.