短いのはわかったが、制約も多いし、わかりづらい

一旦、同じようにグラフィックのかけるp5.jsで、同様の処理をすることを念頭におきましょう。ざっくりは３通りぐらい方法は考えられ

・circleとかellipseなどを使う
・sin/cosにrかけてpointとかで描画
・１ドットごとにエクスタシーな処理

最初のは簡単すぎるので、リファレンスのリンクをはるにとどめます

・sin/cosにrかけてpointとかで描画

こんな感じです

GLSLと何が違うのか？

物理的なイメージは、p5.jsでやっているのはコンパスとかr長の糸を中心点からぐるぐる回しているイメージであるが、GLSL（というか円の方程式の場合は、その線はあくまで境界線でしかなく、しらみつぶしに、円の領域か否か、調べるイメージ。

疑似的にフラグメントシェー

簡単なように見えて99x99なので9801回点を打っていることになります。
なんとか減らせないか？　なくはないですが、こんな感じですかね

前回みたいな光輪を作るとしたら

distとmag

distは二つの座業があれば距離が測れるしGLSLにも近いが、やはりここはp5.Vectorを使ってmagとしたい

もうちょっとVectorぽく書くならsubメソッドなどを使う