Ribbon效果

  • 2019 年 11 月 14 日
  • 筆記

形狀

由n、n-1、n-2三個點圍成三角形,n++循環。

顏色

透明度取決於alpha值。

漸變色取色環上臨近的顏色。我找到rgb變化的規律後,手寫了三個分段函數,他們的規律(參照色環上的順序)大概是R變化時GB不變,G變化時RB不變,B變化時RG不變,他們的周期相同,6個階段中每個階段都有一種原色數值上升/下降。

寫分段函數用了很多if,其實可以不用分段,漸變並非一定要與色環的順序一致並且飽和度相當。我們也可以直接用cos選擇一個0-256的數,rgb的數值由此決定,每次循環該數值變化一點點,這樣也可以漸變。

代碼

寫的比較亂就不貼了。

文章導航

CSS先挖坑