一種分隔螢幕顯示效果

2021-08-08 17:27:04 字數 650 閱讀 8299

個人實現效果:

width="600" height="350" src="" allowfullscreen="">

const

float linescale = 40.0;

float getcolor(vec2 pos)

void mainimage( out

vec4 fragcolor, in

vec2 fragcoord )

其中

float num = abs(pos.x) + abs(pos.y);

//float num = length(pos);

float curline = floor(num * linescale);

是螢幕分隔演算法,將螢幕分割成傾斜的方框,分隔效果如圖示:

length(pos)將螢幕分割成圓環。

float c = step(.4, tan(radius + offset + speed * itime ));
控制當前環中顯示顏色的地方。

一種基於富文案顯示設計

概述 一般複雜互動的系統會存在著大量的文案顯示,這樣可以告訴使用者的互動行為,主要用來作提示和操作區分,但是由於不同的點使用的文案根據具體的位置,呼叫方產生不同的文案,導致資訊的顯示往往會出現各個不同的顯示方式。概念 使用場景 1.頁面和 的互動 2.介面和呼叫方的互動 文字型別 1.純文字 2.富...

一種基於富文案顯示設計

概述 一般複雜互動的系統會存在著大量的文案顯示,這樣可以告訴使用者的互動行為,主要用來作提示和操作區分,但是由於不同的點使用的文案根據具體的位置,呼叫方產生不同的文案,導致資訊的顯示往往會出現各個不同的顯示方式。概念 使用場景 1.頁面和 的互動 2.介面和呼叫方的互動 文字型別 1.純文字 2.富...

一種學習效果較好的學習方式

每當高考過後,一些狀元會賣 筆記 而且不少人買。這些考生之所以為狀元,個人認為不外兩點 1 記筆記 記的過程是一種學習,記下是認為自己還不懂的及歸納 自己的想法 2 利用筆記反覆複習 理解需要乙個過程,遺忘曲線告訴我們,在你沒記住之前,很快就會忘的 可以說,記筆記和反覆複習是最基本的學習方法,不重視...