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

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

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

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

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

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

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

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

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

效果展示

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

開(kāi)發(fā)前準(zhǔn)備

配置集成的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

打開(kāi)main文件夾中的AndroidManifest.xml文件，可以根據(jù)場(chǎng)景和使用需要，配置讀取和寫入手機(jī)存儲(chǔ)以及相機(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" /> <!-- 使用相機(jī)的權(quán)限 --> <uses-permission android:name="android.permission.CAMERA" />

開(kāi)發(fā)步驟

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

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

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

（2）通過(guò)setApiKey方法設(shè)置api_key。當(dāng)您在AppGallery Connect上注冊(cè)應(yīng)用時(shí)，會(huì)給您的應(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)聽(tīng)器回調(diào)，用于處理拍攝的物體圖片上傳結(jié)果。

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

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

// 使用3D物體建模配置器初始化任務(wù)（該接口需要在子線程中調(diào)用）。 Modeling3dReconstructInitResult modeling3dReconstructInitResult = modeling3dReconstructEngine.initTask(setting); String taskId = modeling3dReconstructInitResult.getTaskId(); // 設(shè)置上傳監(jiān)聽(tīng)器。 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();

新建偵聽(tīng)器回調(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ù)覽錯(cuò)誤回調(diào)函數(shù)。} }; // 預(yù)覽模型配置。 Modeling3dReconstructPreviewConfig config = new Modeling3dReconstructPreviewConfig.Factory().setTextureMode(Modeling3dReconstructConstants.TextureMode.PBR).create(); // 預(yù)覽模型。 modeling3dReconstructEngine.previewModelWithConfig(taskId, context,config, previewListener);

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

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

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

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

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

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

了解更多詳情>>

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

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

總結(jié)

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

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