傳統(tǒng)電商商品展示采用圖文結(jié)合的形式，文案介紹產(chǎn)品的相關(guān)參數(shù)，搭配精美圖片去吸引客戶眼球。但圖文商品展示由于色差、尺寸不符等原因，會讓消費者產(chǎn)生圖片和實物不一致的疑慮，且消費者需要消耗大量精力閱讀和比較后才能做出購買決定。

隨著互聯(lián)網(wǎng)電商平臺的不斷完善，短視頻逐漸成為商品展示的主流形式。通過拍短視頻的形式可以多方位展示產(chǎn)品，讓消費者在短時間內(nèi)可以了解產(chǎn)品的參數(shù)和優(yōu)勢，極大提高了消費者的購物速度。但短視頻展示的劣勢在于，展示時間短且很難和消費者進行互動。

3D技術(shù)的發(fā)展賦予了電商行業(yè)最新的商品展示方式，3D模型可以360°全方位細節(jié)展示商品，讓消費者更直觀了解商品，增強他們對產(chǎn)品的信心。消費者還能隔著屏幕與商品產(chǎn)生互動，通過單指拖動來實現(xiàn)360度查看商品、自由放大查看高清細節(jié)，從而提高下單機率。

然而，目前效果佳的3D建模技術(shù)因其較高的成本而使得讓廣大開發(fā)者望而卻步。

1.技術(shù)門檻高：專業(yè)人員加上深度相機等專業(yè)設(shè)備。

2.時間成本高：專業(yè)人員手動完成模型的制作渲染和調(diào)整。完成一個簡單物體的低精度模型，工作量以小時起步，而高精度模型耗時更長。

3.耗費高：單個商品的專業(yè)建模成本高，平均價格達到上千元，復(fù)雜模型則更貴。

HMS Core的3D建模服務(wù)，助力輕松建模。用戶只需使用普通的RGB相機，通過拍攝物體的不同角度圖像，便可實現(xiàn)物體的3D幾何模型和紋理的自動化生成，如在電商實物展示的場景，您可以通過此能力自動生成想展示商品模型，用于3D展示，用戶可360°隨心放大或縮小商品，查看商品細節(jié)，為用戶提供差異化的購買體驗。

3D物體建模能力由端云協(xié)同完成，端側(cè)負責(zé)采集RGB圖像，通過環(huán)繞物體拍攝多張圖像，從而獲取物體的不同角度圖像，拍攝完畢后上傳至云端實現(xiàn)3D物體建模。云端建模的流程及關(guān)鍵技術(shù)包括目標檢測分割、特征檢測與匹配、稀疏點云計算、稠密點云計算以及紋理重建等模塊。

效果展示

以面包為例，只需環(huán)繞面包拍攝多張圖像，即可得到一個逼真的面包3D模型。那這個功能是如何實現(xiàn)的呢？以下是詳細的開發(fā)步驟。

開發(fā)前準備

配置集成的SDK包

在應(yīng)用的build.gradle文件中，dependencies內(nèi)添加3D建模服務(wù)的SDK依賴

// 3D Modeling Kit SDK implementation 'com.huawei.hms:modeling3d-object-reconstruct:1.0.0.300'

配置AndroidManifest.xml

打開main文件夾中的AndroidManifest.xml文件，可以根據(jù)場景和使用需要，配置讀取和寫入手機存儲以及相機權(quán)限，在前添加

<!-- 往sdcard中寫入數(shù)據(jù)的權(quán)限 --> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <!-- 使用相機的權(quán)限 --> <uses-permission android:name="android.permission.CAMERA" />

開發(fā)步驟

使用云側(cè)服務(wù)的能力，需要使用“agconnect-services.json”里的api_key值，在應(yīng)用初始化時通過api_key或者AccessToken來設(shè)置應(yīng)用鑒權(quán)信息，AccessToken的優(yōu)先級較高。兩種方式均在應(yīng)用啟動時初始化設(shè)置一次即可，無需多次設(shè)置。

（1）通過setAccessToken方法設(shè)置AccessToken。

ReconstructApplication.getInstance().setAccessToken("your AccessToken");

（2）通過setApiKey方法設(shè)置api_key。當(dāng)您在AppGallery Connect上注冊應(yīng)用時，會給您的應(yīng)用分配api_key。

ReconstructApplication.getInstance().setApiKey("your api_key");

新建3D物體建模引擎并初始化，新建3D物體建模配置器。

// 新建3D物體建模引擎。 Modeling3dReconstructEngine modeling3dReconstructEngine = Modeling3dReconstructEngine.getInstance(context); // 新建3D物體建模配置器。 Modeling3dReconstructSetting setting = new Modeling3dReconstructSetting.Factory()// 設(shè)置工作模式為圖片模式。.setReconstructMode(Modeling3dReconstructConstants.ReconstructMode.PICTURE)// 設(shè)置貼圖模式為普通模式或PBR模式。.setTextureMode(Modeling3dReconstructConstants.TextureMode.PBR).create();

新建上傳監(jiān)聽器回調(diào)，用于處理拍攝的物體圖片上傳結(jié)果。

private Modeling3dReconstructUploadListener uploadListener = new Modeling3dReconstructUploadListener() {@Overridepublic void onUploadProgress(String taskId, double progress, Object ext) {// 上傳進度。}@Overridepublic void onResult(String taskId, Modeling3dReconstructUploadResult result, Object ext) {// 上傳成功處理。}@Overridepublic void onError(String taskId, int errorCode, String message) {// 上傳失敗處理。} };

使用3D物體建模配置器初始化任務(wù)，并且給新建的3D物體建模引擎設(shè)置上傳監(jiān)聽器，上傳采集的圖片數(shù)據(jù)。

// 使用3D物體建模配置器初始化任務(wù)（該接口需要在子線程中調(diào)用）。 Modeling3dReconstructInitResult modeling3dReconstructInitResult = modeling3dReconstructEngine.initTask(setting); String taskId = modeling3dReconstructInitResult.getTaskId(); // 設(shè)置上傳監(jiān)聽器。 modeling3dReconstructEngine.setReconstructUploadListener(uploadListener); // 調(diào)用3D建模引擎的上傳接口，上傳采集的圖片數(shù)據(jù)。 modeling3dReconstructEngine.uploadFile(taskId, filePath);

查詢3D物體建模任務(wù)狀態(tài)。

// 查詢3D物體建模任務(wù)狀態(tài)需要初始化任務(wù)處理類。 Modeling3dReconstructTaskUtils modeling3dReconstructTaskUtils = Modeling3dReconstructTaskUtils.getInstance(context); // 調(diào)用查詢接口獲取3D物體建模任務(wù)狀態(tài)（該接口需要在子線程中調(diào)用）。 Modeling3dReconstructQueryResult queryResult = modeling3dReconstructTaskUtils.queryTask(taskId); // 獲取建模任務(wù)狀態(tài)。 int status = queryResult.getStatus();

新建偵聽器回調(diào)，調(diào)用預(yù)覽函數(shù)，預(yù)覽3D模型

Modeling3dReconstructPreviewListener previewListener = new Modeling3dReconstructPreviewListener() {@Overridepublic void onResult(String taskId, Object ext) {// 3D物體建模預(yù)覽結(jié)果。}@Overridepublic void onError(String taskId, int errorCode, String message) {// 預(yù)覽錯誤回調(diào)函數(shù)。} }; // 預(yù)覽模型配置。 Modeling3dReconstructPreviewConfig config = new Modeling3dReconstructPreviewConfig.Factory().setTextureMode(Modeling3dReconstructConstants.TextureMode.PBR).create(); // 預(yù)覽模型。 modeling3dReconstructEngine.previewModelWithConfig(taskId, context,config, previewListener);

新建下載監(jiān)聽器回調(diào)，用于處理3D物體建模模型文件的下載結(jié)果。

private Modeling3dReconstructDownloadListener modeling3dReconstructDownloadListener = new Modeling3dReconstructDownloadListener() {@Overridepublic void onDownloadProgress(String taskId, double progress, Object ext) {// 下載進度。} @Overridepublic void onResult(String taskId, Modeling3dReconstructDownloadResult result, Object ext) {// 下載成功處理。}@Overridepublic void onError(String taskId, int errorCode, String message) {// 下載失敗處理。} };

新建的下載配置項并將新建的下載監(jiān)聽器傳入新建的3D物體建模引擎，下載重建成功的模型文件。

// 設(shè)置下載配置項。 Modeling3dReconstructDownloadConfig downloadConfig = new Modeling3dReconstructDownloadConfig.Factory()// 配置OBJ或glTF格式。.setModelFormat(Modeling3dReconstructConstants.ModelFormat.OBJ)// 配置普通或PBR模式。.setTextureMode(Modeling3dReconstructConstants.TextureMode.PBR).create(); // 設(shè)置下載監(jiān)聽器。 modeling3dReconstructEngine.setReconstructDownloadListener(modeling3dReconstructDownloadListener); // 調(diào)用3D物體建模引擎的下載接口，傳入任務(wù)id，下載地址和下載配置項，下載模型文件。 modeling3dReconstructEngine.downloadModelWithConfig(taskId, savePath, downloadConfig);

完成以上步驟就可以在電商應(yīng)用中實現(xiàn)3D建模能力，用手機就能快速給商品建立3D模型，感興趣的開發(fā)者們可以馬上動手體驗！

除了商品3D建模和展示，HMS Core電商解決方案還提供了AR交互式購物能力，可實現(xiàn)商品試穿功能，為消費者創(chuàng)造虛擬與現(xiàn)實融合的購物體驗，相關(guān)內(nèi)容會在下一期進行詳細講解，敬請期待。

了解更多詳情>>

訪問華為開發(fā)者聯(lián)盟官網(wǎng)
獲取開發(fā)指導(dǎo)文檔
華為移動服務(wù)開源倉庫地址：GitHub、Gitee

關(guān)注我們，第一時間了解 HMS Core 最新技術(shù)資訊~

總結(jié)

以上是生活随笔為你收集整理的商品3D展示来啦，HMS Core3D建模服务助力电商发展的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。