17
作者：拓豐舞臺(tái)
2023-06-30 15:40:48
在本課程中，我們將主要關(guān)注這3個(gè)檢查器：Node Inspector，Attributes Inspector和Materials Inspector。
變換
讓我們從Node Inspector開始。節(jié)點(diǎn)變換涉及位置，旋轉(zhuǎn)和縮放。
位置
位置是您放置模型的位置。它由3D坐標(biāo)組成：x，y和z。當(dāng)所有坐標(biāo)的初始位置設(shè)置為0時(shí)，它是應(yīng)用程序加載時(shí)設(shè)備相機(jī)的起始位置。建議首先或靠近它設(shè)置該位置，這樣您就可以確保在開始時(shí)在您面前看到您的模型，而不是遠(yuǎn)處的某個(gè)位置。
歐拉角
歐拉角度使您能夠以俯仰，滾轉(zhuǎn)和偏航旋轉(zhuǎn)模型。對(duì)于我們來(lái)說(shuō)，我們寧愿要使用的方向在X，Y和Z軸。
Euler Angles
縮放
Scale允許我們調(diào)整模型的大小。
邊界框
邊界框是您的資產(chǎn)的尺寸，以米為單位。
材質(zhì)
讓我們切換到Material Inspector。材質(zhì)賦予模型物理外觀，無(wú)論是顏色，照明還是紋理。沒有材料，網(wǎng)格只是一個(gè)赤裸裸的骨架。
我們將介紹最常用的材料屬性，并將地球用作簡(jiǎn)單參考。
漫反射
漫反射是包裹物體的皮膚。它可以是顏色或圖像。它也是整個(gè)表面上光線的直接反射。我們也將漫反射貼圖稱為紋理。例如，飛船的漫反射圖像設(shè)置為texture.png。您可以在飛船場(chǎng)景下查看該圖像。
2k地球日?qǐng)D
彌漫之前和之后
至于地球，這里以默認(rèn)的白色球體開始，我們?cè)谒厦鎽?yīng)用這個(gè)地球地圖。塔達(dá)，這就是我們所知道的！
地球在擴(kuò)散之后
鏡面
Specular描述從光源反射出來(lái)的光線，類似于鏡子上的反射。如果提供了高光貼圖，則對(duì)象會(huì)在有白色的部分上發(fā)光。
2k地球鏡面地圖
高光之前和之后
此圖像顯示使用光源應(yīng)用地球鏡面反射貼圖之前和之后的比較。注意中間的輕球？另外根據(jù)地圖，水應(yīng)該比陸地更亮。
鏡面之后的地球
正常
法線是為光滑表面增加粗糙度，在3D中給出更多真實(shí)物體的錯(cuò)覺。例如，您可以在男士的臉上為石頭或胡須添加粗糙的外觀。至于地球，法線貼圖決定了山脈的位置。
2k地球法線貼圖
發(fā)射
發(fā)射是表面上發(fā)出的顏色或發(fā)光，與光無(wú)關(guān)。在地球上，我們?cè)陧敳刻砑恿肆硪粚?，即白云?/p>
2k地球云
排放前后這是在應(yīng)用發(fā)射圖之前??和之后。
發(fā)射前的地球
自定義模型
現(xiàn)在我們已經(jīng)了解了場(chǎng)景編輯器的方法，我們?nèi)绾问棺约撼蔀樽远x模型？為了與我們的概念保持一致，我們將從Apple中選擇一種設(shè)備。我們將從頭開始構(gòu)建的簡(jiǎn)單版本。首先，返回飛船場(chǎng)景并刪除飛船。我們不再需要它了。我們先添加一些形狀。為此，請(qǐng)轉(zhuǎn)到對(duì)象庫(kù)，該對(duì)象庫(kù)是視口右上角的圖標(biāo)。如果您有Xcode 9，它位于右側(cè)面板的底部。您將看到可添加的對(duì)象列表。黃色物體是燈光，而綠色物體是幾何形狀。藍(lán)色是相機(jī)，還有其他物體，如物理和動(dòng)畫。
Apple Watch Pink
外殼
我們將從手表外殼開始。
盒子幾何
將Box拖放到場(chǎng)景中。要調(diào)整節(jié)點(diǎn)的視圖，訣竅是雙擊節(jié)點(diǎn)名稱框旁邊的節(jié)點(diǎn)圖標(biāo)。為節(jié)點(diǎn)分配默認(rèn)顏色白色。你現(xiàn)在看到它是黑色的，因?yàn)楸尘耙彩前咨?。讓我們?cè)谄聊簧媳４嬉恍┎粍?dòng)產(chǎn)并隱藏Project Navigator。按Command + 0。
背景
對(duì)于設(shè)計(jì)師來(lái)說(shuō)，背景是平淡的。我們可以在Scene Inspector中更改它。作為背景，選擇您想要的顏色。我喜歡Procedural Sky。
盒子大小
現(xiàn)在，轉(zhuǎn)到屬性檢查器，我們將給它維度。您可以在Apple網(wǎng)站上找到它們。它們以毫米為單位。首先使用儀表更容易，然后將其縮小。所以，我將它們轉(zhuǎn)換為米。我們將寬度設(shè)置為3.33，高度設(shè)置為3.86，長(zhǎng)度設(shè)置為1.14。然后，將倒角半徑設(shè)置為0.5。倒角半徑是圓角。您可以隨時(shí)根據(jù)需要調(diào)整視圖。
盒子位置
在“ 節(jié)點(diǎn)”檢查器中，將所有軸的位置設(shè)置為0，以便在首次運(yùn)行會(huì)??話時(shí)與攝像機(jī)的位置對(duì)齊。
盒子顏色
我們?yōu)樗付ㄒ环N顏色。我們選擇的顏色來(lái)自粉紅色的。轉(zhuǎn)到“ 材質(zhì)”檢查器，在“ 屬性”部分中，將“ 著色”更改為“ Blinn”。然后，單擊“ 漫反射”。在調(diào)色板窗口的底部，有一個(gè)顏色選擇器圖標(biāo)。單擊它，將鼠標(biāo)懸停在Apple Watch案例上，然后再次單擊。我們給了它一個(gè)皮膚！
現(xiàn)在，它看起來(lái)不太吸引人，不是嗎？讓我們添加一些燈讓它看起來(lái)更逼真。在此之前，讓我們將視圖更改為Front并傾斜大小寫以從大約45度角的輪廓中查看它。現(xiàn)在，轉(zhuǎn)到對(duì)象庫(kù)并添加全向燈，它將從該光源的每個(gè)方向照亮場(chǎng)景。在場(chǎng)景的左上角添加一個(gè)，在右下角添加另一個(gè)。您可以通過(guò)拖動(dòng)操縱器或直接在位置框中隨意移動(dòng)這些燈光。將“ 鏡面反射”設(shè)置為白色?，F(xiàn)在你看到燈光反射到表殼上了。
屏幕
讓我們添加手表的屏幕，好嗎？
平面幾何
轉(zhuǎn)到對(duì)象庫(kù)，選擇一個(gè)平面并將其放在場(chǎng)景中。
平面尺寸
在屬性檢查器，分配一個(gè)寬度為3和高度為3.5。該圓角半徑為0.4。
相對(duì)位置
現(xiàn)在，我們希望將屏幕放在表殼的正中間。因此，x和y位置與情況相同，即為0。為了計(jì)算它的z位置，我們知道該情況的長(zhǎng)度為1.14，其中心位于該值的一半，即0.57。由于方框的z位置為0，因此平面的z位置應(yīng)為0.57。不幸的是，如果飛機(jī)正好放在盒子的側(cè)面，你會(huì)看到它像電視屏幕出錯(cuò)一樣閃爍。不理想。解決這個(gè)問(wèn)題的方法是稍微調(diào)整一下位置，將其增加到0.58。如果你旋轉(zhuǎn)我們到目前為止的模型，盒子和飛機(jī)之間有一個(gè)小空間，那很好。我們不是試圖在這里復(fù)制完美的手表，而只是學(xué)習(xí)如何使用基本形狀組裝物體。
平面顏色
讓屏幕變黑，就像手表處于非活動(dòng)狀態(tài)一樣。轉(zhuǎn)到材質(zhì)檢查器，再次將“ 著色”更改為“ Blinn”并指定漫反射顏色為黑色。
表冠
現(xiàn)在，我們將在側(cè)面增加表冠。轉(zhuǎn)到對(duì)象庫(kù)，選擇一個(gè)圓柱體并將其放在場(chǎng)景中。
圓柱體尺寸
在“ 屬性”檢查器中舞臺(tái)設(shè)備模型，將“ 半徑”設(shè)置為0.4，將“ 高度”設(shè)置為0.2。
圓柱體顏色
對(duì)于顏色，它與案例相同。轉(zhuǎn)到“ 材質(zhì)”檢查器，將“ 著色”更改為“ Blinn”，對(duì)于“ 漫反射”，選擇從案例中保存的顏色。
圓柱體旋轉(zhuǎn)
皇冠的方向不對(duì)，我們需要旋轉(zhuǎn)它。它現(xiàn)在是水平的，我們想讓它垂直。要找到正確的旋轉(zhuǎn)軸，根據(jù)經(jīng)驗(yàn)，確切地使用右手并伸出拇指使其與其他手指成90度。您的拇指也應(yīng)該模擬任一軸的方向。您將意識(shí)到要使用的軸是z軸。因此將z歐拉角度更改為90度。
Rule Of Thumb
圓柱體位置
將表冠定位到x為1.665，這是盒子寬度的一半，y為0.7，z為0，位于中間。
按鍵
我們也將按鈕放在一邊。在“ 對(duì)象庫(kù)”中，選擇“ 膠囊體”并將其拖動(dòng)到場(chǎng)景中。
膠囊體大小
在“ 屬性”檢查器中，將“ 帽半徑（Cap radius）”更改為0.3，將“ 高度”更改為1.5。
膠囊體顏色
對(duì)于膠囊體的顏色，請(qǐng)執(zhí)行與圓柱體相同的步驟。
膠囊體位置
對(duì)于“ 位置”，將z設(shè)置為0以使其居中，將x設(shè)置為1.4。至于y，將綠色箭頭向上和向下拖動(dòng)到約-0.7。
表帶
最后但并非最不重要的是，手表缺少表帶。猜猜我們將采用什么樣的形狀？暫停閱讀并嘗試添加它然后自己定位。
如果您猜對(duì)了，它就是一個(gè)管子，因?yàn)楣茏又虚g是空心的。因此，請(qǐng)從對(duì)象庫(kù)中添加它。
管子尺寸
管子有2個(gè)半徑，一個(gè)內(nèi)部和一個(gè)外部。在“ 屬性”檢查器中，將“ 內(nèi)半徑”更改為2.3，將“ 外半徑”更改為2.5。該高度也將是2.5。
管子顏色
粉紅色Apple Watch的手鐲顏色與表殼略有不同。所以我們要為它挑選另一種顏色。轉(zhuǎn)到“ 材質(zhì)”檢查器，將“ 著色”更改為“ Blinn”，單擊“ 漫反射”時(shí)，使用顏色選擇器從Apple網(wǎng)站中選擇圖像手鐲中的顏色。
管子旋轉(zhuǎn)
應(yīng)用與表冠相同的構(gòu)思，我們將在節(jié)點(diǎn)檢查器中將其在z軸上旋轉(zhuǎn)90度。
管子位置
有時(shí)，重置位置以查看放置方式是很好的。然后，你可以從那里移動(dòng)它。因此，對(duì)于x，y和z，將其初始化為0。然后移動(dòng)藍(lán)色箭頭，使z位置等于約-1.95。
父節(jié)點(diǎn)
表殼是表的主要部分。添加的其他部件相對(duì)于殼體定位。因此，我們將框設(shè)為[parent]節(jié)點(diǎn)。這樣做的好處是，如果我縮放，旋轉(zhuǎn)或移動(dòng)盒子，所有其他幾何形狀都會(huì)跟隨，就像兒童拴在父母身上一樣。你會(huì)看到一點(diǎn)點(diǎn)。因此，在“ 場(chǎng)景”圖中，選擇所有其他形狀，將它們拖到框頂部。您可以單擊箭頭以展開并查看隱藏的節(jié)點(diǎn)。
縮放
請(qǐng)記住，我們測(cè)量的是米的大小?，F(xiàn)在我們應(yīng)該將整個(gè)手表縮小到1％。選擇框的父節(jié)點(diǎn)。對(duì)于比例，為x，y和z輸入0.01。雙擊該框的節(jié)點(diǎn)圖標(biāo)以調(diào)整視圖。正如你所看到的，一旦我調(diào)整了盒子的大小舞臺(tái)設(shè)備模型，它的所有孩子都一樣。
預(yù)覽觀看場(chǎng)景
我們?nèi)绾尾拍苷鎸?shí)地看到手表在應(yīng)用中的外觀？運(yùn)行應(yīng)用程序，您可以按cmd+ R了。
結(jié)論
現(xiàn)在，我們只使用基本幾何圖形制作了一個(gè)簡(jiǎn)單的3D對(duì)象，并應(yīng)用材質(zhì)使其看起來(lái)更真實(shí)。我們學(xué)會(huì)了如何定位，旋轉(zhuǎn)和縮放它。使用SceneKit場(chǎng)景編輯器可以避免很多代碼，就像故事板一樣。編輯是設(shè)計(jì)師最好的朋友。但是，它非常適合修改場(chǎng)景的屬性，但不能用于創(chuàng)建3D內(nèi)容。其他3D建模程序是設(shè)計(jì)杰作的地方。在下一節(jié)中，我們將導(dǎo)入已經(jīng)制作的模型。
原文:
地址：新疆喀什市多來(lái)特巴格鄉(xiāng)蘭桿村深喀大道西泓世貿(mào)大廈907
電話：181-9766-9899
郵箱：718573995@qq.com
掃碼加微信，領(lǐng)取詳細(xì)資料
