博客專欄

        EEPW首頁 > 博客 > Three.js教程:模型材質(zhì)和幾何體屬性

        Three.js教程:模型材質(zhì)和幾何體屬性

        發(fā)布人:xyni2023 時間:2023-04-19 來源:工程師 發(fā)布文章
        推薦:將NSDT場景編輯器加入你的3D工具鏈
        其他工具集:NSDT簡石數(shù)字孿生
        模型材質(zhì)和幾何體屬性

        本節(jié)課給大家介紹模型對象的幾何體.geometry和材質(zhì)屬性.material。

        #瀏覽器控制臺查看對象和屬性

        瀏覽器控制打印模型對象mesh,可以展開對象,查看對象的幾何體.geometry和材質(zhì)屬性.material。

        const mesh = new THREE.Mesh(geometry, material);
        console.log('mesh',mesh);

        瀏覽器控制臺打印模型的幾何體屬性.geometry和材質(zhì)屬性.material。

        console.log('mesh.geometry',mesh.geometry);
        console.log('mesh.material',mesh.material);
        #訪問改變模型材質(zhì)屬性
        // 訪問模型材質(zhì),并設(shè)置材質(zhì)的顏色屬性
        mesh.material.color.set(0xffff00);
        #訪問改變模型幾何體屬性
        // 訪問模型幾何體,并平移幾何體頂點數(shù)據(jù)
        mesh.geometry.translate(0,100,0);
        #材質(zhì)或幾何體共享
        const mesh = new THREE.Mesh(geometry, material);
        const mesh2 = new THREE.Mesh(geometry, material);
        mesh2.position.x = 100;
        // 兩個mesh共享一個材質(zhì),改變一個mesh的顏色,另一個mesh2的顏色也會跟著改變
        // mesh.material和mesh2.material都指向同一個material
        // 三者等價:mesh.material、mesh2.material、material
        mesh.material.color.set(0xffff00);
        // 三者等價:mesh.geometry、mesh2.geometry、geometry
        mesh.geometry.translate(0,100,0);


        *博客內(nèi)容為網(wǎng)友個人發(fā)布,僅代表博主個人觀點,如有侵權(quán)請聯(lián)系工作人員刪除。



        關(guān)鍵詞: 編輯器 數(shù)字孿生 3D

        相關(guān)推薦

        技術(shù)專區(qū)

        關(guān)閉
        主站蜘蛛池模板: 巫山县| 乐安县| 祁阳县| 克什克腾旗| 广州市| 古交市| 兰州市| 桦川县| 饶平县| 永善县| 吕梁市| 四子王旗| 公安县| 固镇县| 全州县| 峡江县| 界首市| 当涂县| 合肥市| 汉源县| 大丰市| 唐山市| 苗栗市| 剑阁县| 长垣县| 固镇县| 日喀则市| 东台市| 瑞丽市| 常山县| 托里县| 凌云县| 和静县| 遂昌县| 温宿县| 沈阳市| 昌邑市| 日土县| 库尔勒市| 长子县| 弋阳县|