感

在玩 HDRP 的內(nèi)置 Lit 著色器的時(shí)候，對(duì)它的 Mask Map 貼圖很感興趣，感覺(jué)似乎能夠?yàn)椴馁|(zhì)添加很多細(xì)節(jié)

不使用 Mask Map

使用 Mask Map

查了下文檔，發(fā)現(xiàn) Mask Map 是分 RGBA 通道作為灰度蒙版，為材質(zhì)添加金屬度、環(huán)境光遮蔽、細(xì)節(jié)貼圖蒙版與粗糙度效果的：

讓我最感興趣的是 A 通道的粗糙度蒙版，就像上圖那樣，能營(yíng)造出非常類似物體表面的水霧的感覺(jué)。

恩..如果我用 Shader 讓這個(gè) A 通道做一個(gè)平移，再加點(diǎn)噪聲，說(shuō)不定就能做出來(lái)類似下雨時(shí)物體表面潺潺流水的效果？

實(shí)現(xiàn)思路

使用 ShaderGraph 的 Time與Tilling and Offset節(jié)點(diǎn)將 UV 做一個(gè)平移，加上線性噪聲節(jié)點(diǎn)做一些扭曲，添加一點(diǎn)隨機(jī)性。最后直接復(fù)用原材質(zhì)的 Mask Map 的 A 通道并應(yīng)用擾動(dòng)。用一個(gè)布爾來(lái)控制是否應(yīng)用效果。添加各種屬性值就不說(shuō)了。應(yīng)該還不錯(cuò)。

在實(shí)現(xiàn)過(guò)程中，由于 HDRP 的內(nèi)置 Lit 著色器沒(méi)有 ShaderGraph 版本，就從論壇上找了一個(gè)官方的 Lit 著色器的 ShaderGraph 版本，基于它進(jìn)行修改。

整體（糊也沒(méi)事..大部分是官方給的，用于實(shí)現(xiàn) Lit 的特性，核心就那上面的一小點(diǎn)）

核心效果實(shí)現(xiàn)（就這幾個(gè)節(jié)點(diǎn)..真的挺簡(jiǎn)陋的..）

效果

磚墻材質(zhì)

石碑(?) 材質(zhì)

模型效果

一些個(gè)人感受：

• 這是個(gè)很粗糙的效果，用到的節(jié)點(diǎn)也很少，之后要實(shí)際應(yīng)用的話肯定要補(bǔ)充很多細(xì)節(jié)，比如單獨(dú)做水流的 Mask 應(yīng)該會(huì)好很多

• 個(gè)人認(rèn)為的效果優(yōu)缺點(diǎn)：

• 優(yōu)點(diǎn)：

• 和網(wǎng)上其他的雨水效果比起來(lái)，對(duì)性能影響應(yīng)該蠻低的。加上天氣效果以及一些點(diǎn)綴應(yīng)該也能實(shí)現(xiàn)不錯(cuò)的效果

• 簡(jiǎn)單啊（連我都能做出來(lái)..），直接復(fù)用材質(zhì)自己的 Mask Map 也懶省事了

• 因?yàn)椴煌馁|(zhì)的 Mask Map 不同，所以這個(gè)效果也會(huì)帶有各自材質(zhì)的特點(diǎn)，不會(huì)說(shuō)效果千篇一律看著疲勞

• 缺點(diǎn)：

• 對(duì)于較為光滑的平面類物體感覺(jué)效果比較一般

• 因?yàn)閺?fù)用了原材質(zhì)的 Mask Map，應(yīng)用效果時(shí)材質(zhì)自身的粗糙度會(huì)丟失，不太好

• 可遠(yuǎn)觀而不可褻玩（bushi），在遠(yuǎn)處看起來(lái)還不錯(cuò)，如果離得太近的話就能比較明顯的看出來(lái)違和的平移與噪聲

• 總之還是個(gè)很粗糙的效果，不過(guò)這種思路應(yīng)該還是有點(diǎn)意思的，必能活用于下一次..

參考鏈接

• https://forum.unity.com/threads/trying-to-replicate-the-hdrp-lit-shader-i-need-help-with-the-detail-input-part.660538/Unity Forum-ShaderGraph 版 Lit 原貼

• https://docs.unity3d.com/Packages/com.unity.render-pipelines.high-definition@7.1/manual/Mask-Map-and-Detail-Map.htmlMask Map 文檔

• https://github.com/OnyxAmber/UnityHDRP_ShaderGraphTest把著色器圖與材質(zhì)傳到 Github 上了，項(xiàng)目太大就不傳了，直接拖入 Unity 窗口即可。使用貼圖也是 HDRP 自帶的示例。

周，中國(guó)"奮斗者"號(hào)載人潛水器兩次"打卡"馬里亞納海溝，坐底深度 10909 米，創(chuàng)造了中國(guó)載人深潛的新紀(jì)錄，標(biāo)志著我國(guó)的深潛事業(yè)又邁上了一個(gè)嶄新的臺(tái)階。昨天， "奮斗者"號(hào)再次進(jìn)行了萬(wàn)米級(jí)海試。

從淺海到深海，從潛水者到深潛器，人類是如何一步步走向海底的？而制造一臺(tái)深潛器有多難？

01 偉大的先行者們

神秘的海洋自古以來(lái)就是孕育神秘傳說(shuō)和偉大探索夢(mèng)想的溫床。幾十米長(zhǎng)粗壯腕足的海怪、西方的塞壬和東方的鮫人、失落的亞特蘭蒂斯、居住著龍王的海底龍宮 …… 無(wú)數(shù)神話與科幻作品的靈感來(lái)源于那片深藍(lán)，而人類對(duì)于它的探索也從未停止過(guò)。

《海王尼普頓》，作者 Antoine Coysevox

受限于技術(shù)條件與財(cái)富水平，古人們對(duì)海水深處的探索大多停留于淺表。對(duì)于沒(méi)有潛水器具的他們來(lái)說(shuō)，幾十米深的水下就已經(jīng)危險(xiǎn)重重了。即使是這樣，古人還是為后人留下了寶貴潛水經(jīng)驗(yàn)。

在公元前 4 世紀(jì)，波斯帝國(guó)就出現(xiàn)了世界上最早的職業(yè)潛水者——負(fù)責(zé)從海底的沉船中打撈貨物和珠寶。此外，地中海東岸采珍珠的腓尼基人、日韓等地的海女以及我國(guó)廣東地區(qū)的古代疍民，也用肉身探索了全球各地物產(chǎn)較為豐富的近海海域。雖然他們所使用的潛水工具只是一些簡(jiǎn)單的麻繩、石塊或者充氣動(dòng)物膀胱，下海的初衷也是生活所迫，但客觀上，這些先民們的確是人類探索海平面以下世界的先行者。

韓國(guó)海女（圖片來(lái)源：miss 貓大人 /lvmama.com）

16 世紀(jì)，英國(guó)科學(xué)家威廉 · 伯恩第一次提出了潛水艇的設(shè)想。他在 1578 年設(shè)計(jì)了一艘由皮革密封，以木條為骨架，可以在水下滑行的"木桶"。

威廉 . 伯恩 1578 年構(gòu)想的潛艇原理圖（Submarine by William Bourne, in Inventions or devices, 1578.）

威廉 . 伯恩的"木桶"具體是什么樣子已不可考，但是毫無(wú)疑問(wèn)，這艘"潛水艇"的誕生為那個(gè)時(shí)代的工程師們打開(kāi)了新世界的大門。他們開(kāi)始思考一種之前從未設(shè)想過(guò)的交通方式。40 年后，荷蘭人科尼利斯 · 德雷貝爾在英王詹姆斯一世的支持下，制造出了世界上第一艘憑借人力驅(qū)動(dòng)可以在水下航行的船只，這是世界上第一艘人力潛艇，也是現(xiàn)代潛艇的雛形。

科尼利斯 · 德雷貝爾潛艇復(fù)原圖 （https://www.hisour.com/zh/cornelis-drebbel-13858/）

02 從潛艇到深潛器

潛水艇的出現(xiàn)極大地開(kāi)闊了人類的視野，從此之后那層厚厚的海水開(kāi)始慢慢變"薄"，深海的迷霧被人類逐漸揭開(kāi)。但是，潛水艇的下潛深度非常有限，各種潛艇的工作極限深度只有幾百米，想要下潛到更深處，普通的潛水艇是遠(yuǎn)遠(yuǎn)不夠的，需要專門的深潛器。

深海的巨大水壓為有別于潛艇的深潛器提出了完全不同的要求。1928 年，美國(guó)人巴頓用鋼鐵制造了一個(gè)球型潛水裝置。這個(gè)"球"內(nèi)置簡(jiǎn)單的照明、呼吸和通訊設(shè)施，至于動(dòng)力系統(tǒng)、生命維持系統(tǒng)之類現(xiàn)代深潛器標(biāo)配一概欠奉，只是靠著與母船連接的一條鋼索 + 電纜下潛與上浮。

貝比和巴頓的潛水球剖面示意圖（圖片來(lái)源：中國(guó)艦船研究）

1934 年，巴頓和一名叫比伯的博物學(xué)家下潛到了 923 米的深度。后來(lái)，比伯還把下潛的經(jīng)歷寫成了一本書(shū)，向公眾詳細(xì)描述了他們看到的海底世界。不過(guò)受限于當(dāng)時(shí)的攝影技術(shù)，他們?cè)诤５撞⑽慈〉每煽康挠跋褓Y料，只能靠話語(yǔ)描述讓畫(huà)師畫(huà)出他們所見(jiàn)到的海底生物的樣子。他所講述的奇特海底生物一時(shí)之間讓他成為了科學(xué)界的笑柄——那時(shí)的人們還都以為那么深的海底是生命的禁區(qū)吶。

巴頓和貝比（左）（圖片來(lái)源：中國(guó)艦船研究）

03 向更深處進(jìn)發(fā)！

不過(guò)向深淵進(jìn)發(fā)、探索未知的欲望還是驅(qū)使著人類不斷下到更深。之后的幾十年里，深海探測(cè)技術(shù)的發(fā)展勢(shì)頭如火如荼，最值得一提的深潛器有兩臺(tái)：

一是瑞士探險(xiǎn)家皮卡德在巴頓的球型深潛器基礎(chǔ)上改進(jìn)、建造的"迪里亞斯特號(hào)"。它因 1960 年作為第一臺(tái)深潛至馬里亞納海溝底部的載人潛水器而名留青史。

迪里亞斯特號(hào)（圖片來(lái)源：維基百科）

另一臺(tái)則是 1964 年服役的美國(guó)"阿爾文號(hào)"。它的下潛深度 4500 米雖然不到迪里亞斯特號(hào)的一半，但它在接近 40 年的服役時(shí)間中下潛了 4000 多次，是深潛器界當(dāng)之無(wú)愧的"勞動(dòng)模范"。再加上 4500 這個(gè)下潛深度其實(shí)已經(jīng)足夠探索全球絕大部分的深海區(qū)域，故而在深海探測(cè)領(lǐng)域它居功甚偉。

阿爾文號(hào)潛艇（圖片來(lái)源：維基百科）

此外，美國(guó) "深海挑戰(zhàn)者"號(hào)、日本"深海 6500 "號(hào)、俄羅斯"和平一號(hào)"、法國(guó)"鸚鵡螺"號(hào)載人深潛器也是深潛器家族中赫赫有名的成員。當(dāng)然，我們不會(huì)忘記中國(guó)的"蛟龍?zhí)?和"深海勇士"號(hào)。在這里插一個(gè)有關(guān)于 "蛟龍?zhí)?的小知識(shí)點(diǎn)，蛟龍的最大下潛深度是 7062 米，這個(gè)深度足以讓它探索全球海洋的 99.8% 的區(qū)域，而這次下潛的"奮斗者號(hào)"，它的目標(biāo)就是那僅剩的 0.2%。

"鸚鵡螺號(hào)" 載人深潛器（圖片來(lái)源：亥姆霍茲海洋研究所）

04 深潛器，真的不是你想造就能造

仔細(xì)一看上面擁有深潛器的國(guó)家名單就會(huì)發(fā)現(xiàn)，深潛器家族雖然看上去欣欣向榮，許多國(guó)家都參與到深海科研項(xiàng)目當(dāng)中，但是能制造深潛器的，迄今為止還是那寥寥數(shù)個(gè)科技大國(guó)。

可能有人會(huì)覺(jué)得奇怪，人類在 1960 年就已經(jīng)制造出了能夠深入到馬里亞納海溝底部的潛水器，為什么 60 年過(guò)去了，能制造深潛器的國(guó)家還是只有美、法、俄、日、中等寥寥幾個(gè)國(guó)家呢？制造一臺(tái)深潛器的技術(shù)門檻究竟在哪兒？

其實(shí)，深潛器制造就像航天工程，是一個(gè)由多種工業(yè)部門協(xié)同合作才能成行的"大項(xiàng)目"。我們來(lái)舉幾個(gè)例子：

1. 拋掉與母船連接的粗笨"辮子"。要潛到幾千米深的水下，像巴頓那樣的構(gòu)造簡(jiǎn)單的"金屬球"是萬(wàn)萬(wàn)不夠的。它的體積太過(guò)狹小，沒(méi)法容納更多的空氣，下潛時(shí)間十分有限；只能由鋼索牽引上浮與下沉，活動(dòng)范圍受限于母船以及鋼索長(zhǎng)度不說(shuō)，隨著鋼索的不斷加長(zhǎng)，鋼索斷裂的風(fēng)險(xiǎn)也會(huì)隨著深度增加而飛速上升。

深潛器必須學(xué)會(huì)在近萬(wàn)米深的水下自己上浮與下潛、巡航與懸停。為實(shí)現(xiàn)上浮與下潛，目前潛航員們主要的工具是電磁鐵，利用電磁鐵在深潛器外部或特殊艙室吸住一塊塊壓載鐵或鐵砂，使深潛器的整體密度大于海水實(shí)現(xiàn)下潛，而在上浮時(shí)只需要拋掉這些東西就可以了。

蛟龍?zhí)栂聺撨^(guò)程示意圖（圖片來(lái)源：央視視頻）

2. 讓深潛器與海面保持通訊。水下的情形十分復(fù)雜，紛擾的海流、好奇的海洋生物、操作過(guò)程中可能產(chǎn)生的誤差都是對(duì)深潛器的威脅，深潛器必須時(shí)刻保持與母船的通訊。但是，電磁波在水下的衰減非常快，最遠(yuǎn)通訊的距離還不到千米。因?yàn)槁暡ㄔ谒袀鞑r(shí)衰減遠(yuǎn)小于電磁波，就成了第一選擇。目前，世界上最可靠的水下通信技術(shù)就是水聲通信，是一種將聲音信號(hào)轉(zhuǎn)化為電信號(hào)，再將電信號(hào)轉(zhuǎn)化為聲波頻率在 4000 赫茲左右聲信號(hào)的連續(xù)套娃技術(shù)。

水聲通信應(yīng)用示意圖（https://kknews.cc/science/9x56kl5.html）

簡(jiǎn)單的描述是無(wú)法說(shuō)明這項(xiàng)技術(shù)到底有多難的，海洋聲音場(chǎng)中混雜著船舶噪聲、水流回聲以及魚(yú)類和其他海洋生物發(fā)出的其他聲音，如何對(duì)海水中傳來(lái)的聲波進(jìn)行正確的辨別接受和轉(zhuǎn)化是一個(gè)巨大的難題。所以光是這項(xiàng)技術(shù)就能將地球上的大部分軍事科研能力弱的國(guó)家攔在門外。

3. 深海對(duì)深潛器最大的考驗(yàn)還是巨大的壓強(qiáng)。如果我們把一輛日常生活中常見(jiàn)的油罐車丟入海里，在空載的情況下大概十幾二十米的水深就足以把它壓成一片扭曲的鐵皮。在萬(wàn)米深海，深潛器其他部位也是灌滿了海水，內(nèi)外壓強(qiáng)一致不至于被壓成廢鐵，但是裝有深潛員的球狀載人艙不成，它的表面每一個(gè)點(diǎn)所承受的壓強(qiáng)大概為 100.6MPa，換算成人話就是每平方米 1 萬(wàn)噸的壓力，"也就"六分之一艘遼寧艦而已 …… 所以，為應(yīng)對(duì)更加極端的深海我們需要特殊材料。

左邊是承受了深水高壓的保溫壺（https://www.zhihu.com/question/47453175）

一般來(lái)說(shuō)，高強(qiáng)度、高韌性、十分穩(wěn)定、抗腐蝕（并且十分昂貴）的鈦合金是最合適制造潛水倉(cāng)的材料，所以，這一步又趕走了大量在新材料領(lǐng)域科研經(jīng)費(fèi)拮據(jù)的國(guó)家。我國(guó)在奮斗者號(hào)上使用的是我國(guó)自主研發(fā)的全新高強(qiáng)高韌鈦合金，理論屈服應(yīng)力達(dá)到或者超過(guò)了 820MPa，足以應(yīng)對(duì)深海的巨大水壓。

4. 加工技術(shù)。深潛器的零件制造、冷彎、焊接，精密加工等等，哪個(gè)都不是一個(gè)制造業(yè)弱國(guó)玩得轉(zhuǎn)的。舉個(gè)例子，蛟龍?zhí)柕募庸ぞ却蟾攀且桓^發(fā)絲的 50 分之一，且由于害怕機(jī)械加工可能造成的金屬劃痕，這項(xiàng)工作只能由技術(shù)高超的工人手工完成。

安裝時(shí)還要注意，全程不能產(chǎn)生一點(diǎn)劃痕或者在儀器的縫隙間掉入一點(diǎn)異物，否則深海巨大的壓強(qiáng)會(huì)將這個(gè)不起眼的縫隙撕開(kāi)一個(gè)巨大的口子。此外，操控、供氧、電池、照明、影像 …… 無(wú)不考驗(yàn)著一個(gè)國(guó)家的精密儀器制造、電子工程技術(shù)等等方面的能力。

05 結(jié)語(yǔ)

這次下水的奮斗者號(hào)萬(wàn)米深潛器是貨真價(jià)實(shí)的"大國(guó)重器"，它不僅意味著我國(guó)邁向國(guó)際深潛設(shè)施制造前列，更代表著我國(guó)將來(lái)在深海地質(zhì)、環(huán)境污染、生命起源等重大課題領(lǐng)域國(guó)際話語(yǔ)權(quán)的提升。讓我們?cè)僖淮巫ＹR"奮斗者號(hào)"！

最后，用 "蛟龍"號(hào)首批潛航員、"載人深潛英雄"傅文韜的話來(lái)結(jié)束吧："深海探測(cè)，既是海洋資源勘探、科學(xué)研究的需要，也是環(huán)境保護(hù)的需要。作為深海探測(cè)的重要一環(huán)，我國(guó)載人深潛事業(yè)的不斷發(fā)展，推動(dòng)了海洋強(qiáng)國(guó)的建設(shè)，大大提升了我們的民族自信心和自豪感。"

聲明：轉(zhuǎn)載此文是出于傳遞更多信息之目的。若有來(lái)源標(biāo)注錯(cuò)誤或侵犯了您的合法權(quán)益，請(qǐng)作者持權(quán)屬證明與本網(wǎng)聯(lián)系，我們將及時(shí)更正、刪除，謝謝。

來(lái)源： 科學(xué)大院

本概念

這些基本概念有些可能不易理解但卻都很重要，如果看完還是很不理解的話需要自己谷歌或百度，網(wǎng)上關(guān)于這些概念的文章不少。

流

“流”又叫文檔流，是css的一種基本定位和布局機(jī)制。流是html的一種抽象概念，暗喻這種排列布局方式好像水流一樣自然自動(dòng)。“流體布局”是html默認(rèn)的布局機(jī)制，如你寫的html不用css，默認(rèn)自上而下（塊級(jí)元素如div）從左到右（內(nèi)聯(lián)元素如span）堆砌的布局方式。

塊級(jí)元素和內(nèi)聯(lián)元素

這個(gè)大家肯定都知道。

塊級(jí)元素是指單獨(dú)撐滿一行的元素，如div、ul、li、table、p、h1等元素。這些元素的display值默認(rèn)是block、table、list-item等。

內(nèi)聯(lián)元素又叫行內(nèi)元素，指只占據(jù)它對(duì)應(yīng)標(biāo)簽的邊框所包含的空間的元素，這些元素如果父元素寬度足夠則并排在一行顯示的，如span、a、em、i、img、td等。這些元素的display值默認(rèn)是inline、inline-block、inline-table、table-cell等。

實(shí)際開(kāi)發(fā)中，我們經(jīng)常把display計(jì)算值為inline inline-block inline-table table-cell的元素叫做內(nèi)聯(lián)元素，而把display計(jì)算值為block的元素叫做塊級(jí)元素。

我自己是一名從事了多年開(kāi)發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個(gè)月整理了一份最適合2019年學(xué)習(xí)的web前端學(xué)習(xí)干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關(guān)注我的頭條號(hào)并在后臺(tái)私信我：前端，即可免費(fèi)獲取。

width: auto 和 height: auto

width、height的默認(rèn)值都是auto。

對(duì)于塊級(jí)元素，width: auto的自動(dòng)撐滿一行。

對(duì)于內(nèi)聯(lián)元素，width: auto則呈現(xiàn)出包裹性，即由子元素的寬度決定。

無(wú)論內(nèi)聯(lián)元素還是塊級(jí)元素，height: auto都是呈現(xiàn)包裹性，即高度由子級(jí)元素?fù)伍_(kāi)。但是父元素設(shè)置height: auto會(huì)導(dǎo)致子元素height: 100%百分比失效。

流體布局之下，塊級(jí)元素的寬度width: auto是默認(rèn)撐滿父級(jí)元素的。這里的撐滿并不同于width: 100%的固定寬度，而是像水一樣能夠根據(jù)margin不同而自適應(yīng)的寬度。

css的屬性非常有意思，正常流下，如果塊級(jí)元素的width是個(gè)固定值，margin是auto，則margin會(huì)撐滿剩下的空間；如果margin是固定值，width是auto，則width會(huì)撐滿剩下的空間。這就是流體布局的根本所在。

外在盒子和內(nèi)在盒子

外在盒子是決定元素排列方式的盒子，即決定盒子具有塊級(jí)特性還是內(nèi)聯(lián)特性的盒子。外在盒子負(fù)責(zé)結(jié)構(gòu)布局。

內(nèi)在盒子是決定元素內(nèi)部一些屬性是否生效的盒子。內(nèi)在盒子負(fù)責(zé)內(nèi)容顯示。

如 display: inline-table; 外在盒子就是inline，內(nèi)在盒子就是table。外在盒子決定了元素要像內(nèi)聯(lián)元素一樣并排在一排顯示，內(nèi)在盒子則決定了元素可以設(shè)置寬高、垂直方向的margin等屬性。如下圖

右側(cè)的table和左側(cè)的文字在一行排列（外在盒子inline的表現(xiàn)特征），同時(shí)有擁有自定義寬度111px（內(nèi)在盒子table可以設(shè)置寬高）。

css權(quán)重和超越 !important

曾經(jīng)有道面試題把我難住了：

// 假設(shè)下面樣式都作用于同一個(gè)節(jié)點(diǎn)元素`span`，判斷下面哪個(gè)樣式會(huì)生效
body#god div.dad span.son {width: 200px;}
body#god span#test {width: 250px;}

可憐當(dāng)時(shí)做了三年前端的我竟然還不知道css有權(quán)重

css選擇器權(quán)重列表如下：

在css中，!important的權(quán)重相當(dāng)?shù)母撸怯捎趯捀邥?huì)被max-width/min-width覆蓋，所以!important會(huì)失效。

width: 100px!important;
min-width: 200px;

上面代碼計(jì)算之后會(huì)被引擎解析成：

width: 200px;