應(yīng)用示例

如下圖所示，使用3D組件展示冷卻塔模型。

步驟一：添加組件

1. 創(chuàng)建Web應(yīng)用。具體操作，請(qǐng)參見(jiàn)創(chuàng)建Web應(yīng)用。
2. 在Web應(yīng)用編輯器中，單擊最左側(cè)的組件圖標(biāo)。
3. 在畫布左側(cè)組件列表上方，輸入3D，找到該組件，然后將組件拖拽到中間畫布。

   有關(guān)組件添加的更多信息，請(qǐng)參見(jiàn)添加組件。

   

步驟二：配置數(shù)據(jù)源

1. 在Web應(yīng)用編輯器右側(cè)樣式中，單擊上傳模型。
2. 在素材庫(kù)對(duì)話框，選擇3D模型。
   • 選擇官方3D模型：在歸屬區(qū)域單擊官方。
   • 選擇本地3D模型：?jiǎn)螕?span id="z68uejxpaoma" class="ph uicontrol" id="uicontrol-ho5-lqp-8c0">上傳模型，在上傳素材對(duì)話框中，上傳本地3D模型至我的模型庫(kù)中，在歸屬區(qū)域單擊我的。
   注意

   • 支持上傳.fbx、.glb、.3ds格式的3D模型文件。您也可以將3D模型文件打包為.zip格式的文件上傳。
   • 我的模型庫(kù)最大空間為5GB。
   • 上傳的本地3D模型大小不超過(guò)10MB。
   • 官方模型庫(kù)中的3D模型不支持刪除。我的模型庫(kù)中的3D模型，您可單擊刪除圖標(biāo)進(jìn)行刪除。
3. 雙擊已選擇的3D模型或單擊確定。

步驟三：配置樣式

1. 在Web應(yīng)用編輯器右側(cè)樣式中，配置3D組件展示的樣式。

   配置項(xiàng)	說(shuō)明
   材質(zhì)預(yù)設(shè)	設(shè)置3D模型的材質(zhì)和顏色。如果材質(zhì)預(yù)設(shè)選擇模型自帶，則無(wú)需設(shè)置材質(zhì)顏色。
   材質(zhì)顏色
   燈光預(yù)設(shè)	設(shè)置3D模型的燈光效果。
   背景設(shè)置	設(shè)置3D模型的3D場(chǎng)景、背景色和背景圖片。
   交互設(shè)置	設(shè)置3D模型是否自由交互、默認(rèn)縮放、初始角度、是否設(shè)置自動(dòng)旋轉(zhuǎn)以及旋轉(zhuǎn)速度。 說(shuō)明 如果選中自由交互復(fù)選框，您可在預(yù)覽頁(yè)的模型區(qū)，自由拖拽鼠標(biāo)調(diào)整模型角度。

2. 調(diào)整組件在頁(yè)面中的最終位置。有關(guān)組件通用樣式配置的更多信息，請(qǐng)參見(jiàn)樣式配置。
3. 單擊頁(yè)面右上方的預(yù)覽，預(yù)覽和調(diào)試組件展示的數(shù)據(jù)和效果。