vSync信號(hào)和屏幕成像基本流程分析

背景

最近在做Flutter知識(shí)學(xué)習(xí)的時(shí)候勘畔,有時(shí)間會(huì)看到vsync信號(hào)所灸,不知道所謂何物,所以專門抽時(shí)間簡(jiǎn)單學(xué)習(xí)了一下炫七,以此篇文章做個(gè)記錄爬立,具體內(nèi)容請(qǐng)查看我的參考資料即可

圖像生成到緩沖區(qū)

  • GPU這個(gè)概念是由Nvidia公司于1999年提出的。GPU是顯卡上的一塊芯片万哪,就像CPU是主板上的一塊芯片
  • 下面矩形框里面的應(yīng)該就是顯卡了
    CPU和顯卡知乎解釋
image.png
  1. CPU 繪制 View 樹侠驯,計(jì)算好圖形數(shù)據(jù)抡秆,提交到系統(tǒng)內(nèi)存中
  2. CPU提交完成以后,通知 GPU 計(jì)算完成吟策,系統(tǒng)總線會(huì)把數(shù)據(jù)拷貝到 GPU 的顯存里
  3. GPU 開始處理數(shù)據(jù)儒士,以特定的 顯卡幀率 把數(shù)據(jù)寫到顯卡的緩沖區(qū)里
  4. 視頻控制器收到 垂直同步信號(hào) ,逐行讀取幀緩沖區(qū)的數(shù)據(jù)檩坚,交給顯示器
  5. 顯卡幀率:即 Frame Rate着撩,單位 fps,是指 gpu 生成幀的速率匾委,如 33 fps睹酌,60fps,越高越好剩檀。

#單緩沖

單緩沖憋沿,也就是只有一個(gè)緩沖區(qū)(buffer),GPU 向 buffer 中寫入數(shù)據(jù)沪猴,屏幕從 buffer 中取圖像數(shù)據(jù)辐啄、刷新后顯示,理想的情況是 顯卡幀率 屏幕刷新頻率 相等运嗜,每繪制一幀壶辜,屏幕顯示一幀。而實(shí)際情況是担租,二者之間沒有必然的大小關(guān)系砸民,如果沒有同步機(jī)制,很容易出現(xiàn)問題奋救。

  1. 例如岭参,當(dāng)顯卡幀率大于屏幕刷新頻率,屏幕準(zhǔn)備刷新第2幀的時(shí)候尝艘,GPU 已經(jīng)在生成第3幀了演侯,就會(huì)覆蓋第2幀的部分?jǐn)?shù)據(jù)。
  2. 當(dāng)屏幕開始刷新第2幀的時(shí)候背亥,緩沖區(qū)中的數(shù)據(jù)一部分是第3幀數(shù)據(jù)秒际,一部分是第2幀的數(shù)據(jù),顯示出來的圖像就會(huì)出現(xiàn)明顯的偏差狡汉,也就是撕裂(tearing)娄徊。

#雙緩沖

為了單緩沖的撕裂和效率問題,雙緩沖誕生了盾戴。
雙緩沖有兩個(gè)緩沖區(qū):frame buffer寄锐、back buffer,GPU 向 back buffer 中寫數(shù)據(jù),屏幕從 frame buffer 中讀數(shù)據(jù)锐峭。這樣不僅可以提升效率中鼠,而且可以避免因?yàn)閹屎退⑿侣什灰恢拢瑢?dǎo)致圖像數(shù)據(jù)錯(cuò)亂沿癞。
但是這兩個(gè) buffer怎么去同步呢援雇?這里就需要 垂直同步信號(hào)
當(dāng)開啟垂直同步后,就會(huì)變成這樣:

  1. GPU 會(huì)等待 垂直同步信號(hào) 發(fā)出后椎扬,復(fù)制 back buffer 的數(shù)據(jù)到 frame buffer里(交換兩個(gè)緩沖區(qū)的內(nèi)存地址)
  2. 渲染下一幀數(shù)據(jù)惫搏,寫到緩沖區(qū)里

這樣看來,幀率大于刷新頻率時(shí)蚕涤,幀率就會(huì)被迫跟刷新頻率保持同步筐赔,從而避免撕裂現(xiàn)象。
需要注意的是揖铜,雙緩沖 + 垂直同步信號(hào)仍然不能完全保證正常顯示茴丰,比如說:

  1. 收到垂直同步信號(hào)時(shí),如果 GPU 正在往緩沖區(qū)里寫數(shù)據(jù)天吓,CPU贿肩、GPU 繪制一幀的時(shí)間超過16ms,也就是一個(gè) 屏幕刷新周期 還沒有準(zhǔn)備完龄寞,這時(shí)候兩個(gè)緩沖區(qū)不會(huì)發(fā)生復(fù)制汰规。
  2. 當(dāng)屏幕進(jìn)入下一個(gè)刷新周期時(shí),從 frame buffer 中取出的是上一幀數(shù)據(jù)物邑,即兩個(gè)刷新周期顯示的是同一幀數(shù)據(jù)溜哮,也就是掉幀(Jank)。

為此茂嗓,引入了 三緩沖,但是仍然避免不了卡頓和延遲的現(xiàn)象冒签,這里就不詳細(xì)介紹了在抛,可以自行查閱相關(guān)資料

顯示器部分

  • 一貞數(shù)據(jù)是"掃描槍"先橫向掃描萧恕,然后再?gòu)南乱恍虚_頭再掃描一行,一直向下掃描到最后一行屹徘,從而完成一貞圖像

  • 換一行有個(gè)短暫空白期走趋,這就是水平消隱,簡(jiǎn)稱 hblank(horizontal blank interval

  • 完成一貞后從頭開始,有個(gè)短暫的空白期噪伊,這就是垂直消隱,

  • 垂直同步信號(hào):當(dāng)掃描點(diǎn)回到初始點(diǎn)簿煌,在準(zhǔn)備掃描下一幀的時(shí)候氮唯,同時(shí)發(fā)出垂直同步信號(hào),告訴顯卡可以渲染下一幀了姨伟。這種情況下惩琉,顯卡的渲染能力會(huì)受到屏幕刷新率 的制約。如果顯示器刷新頻率是60Hz夺荒,顯卡幀率最多只會(huì)達(dá)到60瞒渠。對(duì)于高幀率的顯卡,開啟垂直同步自然會(huì)制約其性能發(fā)揮技扼。

image.png

參考

理解 VSync

屏幕刷新原理 重點(diǎn)參考這篇

LCD顯示器顯像的信號(hào)HSync 伍玖,VSync

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市剿吻,隨后出現(xiàn)的幾起案子窍箍,更是在濱河造成了極大的恐慌,老刑警劉巖丽旅,帶你破解...
    沈念sama閱讀 206,214評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件仔燕,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡魔招,警方通過查閱死者的電腦和手機(jī)晰搀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來办斑,“玉大人外恕,你說我怎么就攤上這事∠绯幔” “怎么了鳞疲?”我有些...
    開封第一講書人閱讀 152,543評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)蠕蚜。 經(jīng)常有香客問我尚洽,道長(zhǎng),這世上最難降的妖魔是什么靶累? 我笑而不...
    開封第一講書人閱讀 55,221評(píng)論 1 279
  • 正文 為了忘掉前任腺毫,我火速辦了婚禮,結(jié)果婚禮上挣柬,老公的妹妹穿的比我還像新娘潮酒。我一直安慰自己,他們只是感情好邪蛔,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評(píng)論 5 371
  • 文/花漫 我一把揭開白布急黎。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪勃教。 梳的紋絲不亂的頭發(fā)上淤击,一...
    開封第一講書人閱讀 49,007評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音故源,去河邊找鬼遭贸。 笑死,一個(gè)胖子當(dāng)著我的面吹牛心软,可吹牛的內(nèi)容都是我干的壕吹。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼删铃,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼耳贬!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起猎唁,我...
    開封第一講書人閱讀 36,956評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤咒劲,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后诫隅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體腐魂,經(jīng)...
    沈念sama閱讀 43,441評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評(píng)論 2 323
  • 正文 我和宋清朗相戀三年逐纬,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蛔屹。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,018評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡豁生,死狀恐怖兔毒,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情甸箱,我是刑警寧澤育叁,帶...
    沈念sama閱讀 33,685評(píng)論 4 322
  • 正文 年R本政府宣布,位于F島的核電站芍殖,受9級(jí)特大地震影響豪嗽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜豌骏,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評(píng)論 3 307
  • 文/蒙蒙 一龟梦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧肯适,春花似錦变秦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至刘绣,卻和暖如春樱溉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背纬凤。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工福贞, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人停士。 一個(gè)月前我還...
    沈念sama閱讀 45,467評(píng)論 2 352
  • 正文 我出身青樓挖帘,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親恋技。 傳聞我的和親對(duì)象是個(gè)殘疾皇子拇舀,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 前言 移動(dòng)端FPS優(yōu)化已經(jīng)是一個(gè)老生常談的話題了,但在相當(dāng)長(zhǎng)一段時(shí)間內(nèi)卻一直是一個(gè)不過期的話題蜻底,除非硬件強(qiáng)大到可以...
    VV木公子閱讀 1,624評(píng)論 0 6
  • 屏幕顯示系統(tǒng)基礎(chǔ)概念 幀--->視頻由連續(xù)的靜態(tài)圖像連續(xù)快速切換播放形成骄崩,每一張靜態(tài)圖像稱為視頻的一幀。 利用人眼...
    Joker_Lee閱讀 1,516評(píng)論 0 0
  • 總結(jié)Android渲染部分的工作原理薄辅,其中參考了如下網(wǎng)址:http://www.androidpolice.com...
    xuluqxulu閱讀 4,816評(píng)論 0 54
  • GPU由來:CPU的任務(wù)繁多要拂,做邏輯計(jì)算,還要做內(nèi)存管理站楚、顯示操作脱惰,因此在實(shí)際運(yùn)算(浮點(diǎn)運(yùn)算)的時(shí)候性能會(huì)大打折扣...
    ArcherZang閱讀 8,441評(píng)論 0 9
  • 今天感恩節(jié)哎,感謝一直在我身邊的親朋好友窿春。感恩相遇枪芒!感恩不離不棄。 中午開了第一次的黨會(huì)谁尸,身份的轉(zhuǎn)變要...
    迷月閃星情閱讀 10,551評(píng)論 0 11