### 前言

不知道有多少人和小編一樣時不時就被一些小遊戲刷屏，這些遊戲操作簡單，老少皆宜，傳播速度非常的快，分分鐘霸屏朋友圈。小編也有一個夢想，希望自己有一天也能做出能夠霸屏朋友圈的小遊戲。但是要做出來一個這樣的爆款小遊戲可不是一件簡單的事情，於是小編開始在網上收集資訊，終於發現華為HMS ML Kit提供的人臉檢測和手部關鍵點識別可以透過人臉以及手部關鍵點檢測來實現遊戲的趣味性。

### 應用場景

HMS ML Kit人臉檢測服務對人臉多達855個關鍵點進行檢測，返回人臉輪廓、眉毛、眼睛、鼻子、嘴巴、耳朵等部位的座標以及人臉偏轉角度等資訊。整合人臉檢測服務後開發者可以根據這些資訊快速構建人臉美化的應用，或者在臉上加一些有趣的元素，增加圖片的趣味性。

手部關鍵點識別技術在生活中有很多的應用場景。比如拍攝短影片的軟體在整合了這種技術後，可以根據手部關鍵點生成一些可愛或者搞笑的特效，增加短影片的趣味性。

Crazy Rockets這款遊戲整合了上述兩個服務共同開發，這款遊戲一共有兩種玩法，一種是透過人臉的上下移動來控制火箭穿梭，透過巨石陣。另一種是透過手勢的上下移動來控制火箭穿梭，透過巨石陣。兩種方式都是透過檢測人臉和手部關鍵點來反饋資訊，進而控制火箭移動，趣味十足，下面就先來看看遊戲展示吧！
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201103173548808.gif#pic_center)
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201103173629610.gif#pic_center)

怎麼樣？是不是很心動，那就跟著小編一起來看看怎麼整合HMS ML Kit人臉檢測能力來實現小遊戲(Crazy Rockets)製作吧。

### 開發實戰

詳細的準備步驟可以參考華為開發者聯盟：

[https://developer.huawei.com/consumer/cn/doc/development/HMS-Guides/ml-process-4](https://developer.huawei.com/consumer/cn/doc/development/HMS-Guides/ml-process-4)

這裡列舉關鍵的開發步驟。

一．人臉

1.配置maven倉庫

在“allprojects > repositories”中配置HMS Core SDK的Maven倉地址。

```java
allprojects {
    repositories {
        google()
        jcenter()
        maven {url 'https://developer.huawei.com/repo/'}
    }
}
```
在“buildscript > repositories”中配置HMS Core SDK的Maven倉地址。

```java
buildscript {    
    repositories {        
       google()        
       jcenter()        
       maven {url 'https://developer.huawei.com/repo/'}    
    }
}
```

在“buildscript > dependencies”中增加agcp配置。

```java
dependencies {
        ...        
        classpath 'com.huawei.agconnect:agcp:1.3.1.300'    
     }    
}
```

2.整合sdk

```java
Implementation  'com.huawei.hms:ml-computer-vision-face:2.0.1.300'
```

3.建立人臉分析器

```java
MLFaceAnalyzer analyzer = MLAnalyzerFactory.getInstance().getFaceAnalyzer();
```

4.建立處理類

```java
public class FaceAnalyzerTransactor implements MLAnalyzer.MLTransactor<mlface> {
    @Override
    public void transactResult(MLAnalyzer.Result<mlface> results) {
        SparseArray<mlface> items = results.getAnalyseList();
        // 開發者根據需要處理識別結果，需要注意，這裡只對檢測結果進行處理。
        // 不可呼叫ML Kit提供的其他檢測相關介面。
    }
    @Override
    public void destroy() {
        // 檢測結束回撥方法，用於釋放資源等。
    }
}
```
5.建立LensEngine，用於捕捉相機動態影片流並傳入分析器

```java
LensEngine lensEngine = new LensEngine.Creator(getApplicationContext(), analyzer)
    .setLensType(LensEngine.BACK_LENS)
    .applyDisplayDimension(1440, 1080)
    .applyFps(30.0f)
    .enableAutomaticFocus(true)
    .create();
```
6.呼叫run方法，啟動相機，讀取影片流，進行識別

```java
// 請自行實現SurfaceView控制元件的其他邏輯。
SurfaceView mSurfaceView = findViewById(R.id.surface_view);
try {
    lensEngine.run(mSurfaceView.getHolder());
} catch (IOException e) {
    // 異常處理邏輯。
}
```
7.釋放檢測資源

```java
if (analyzer != null) {
    try {
        analyzer.stop();
    } catch (IOException e) {
         // 異常處理。
    }
}
if (lensEngine != null) {
    lensEngine.release();
}
```
二．手勢識別

1.配置maven倉庫

在“allprojects > repositories”中配置HMS Core SDK的Maven倉地址。

```java
allprojects {
    repositories {
        google()
        jcenter()
        maven {url 'https://developer.huawei.com/repo/'}
    }
}
```
在“buildscript > repositories”中配置HMS Core SDK的Maven倉地址。

```java
buildscript {    
     repositories {        
         google()        
         jcenter()        
         maven {url 'https://developer.huawei.com/repo/'}    
     }
}
```
在“buildscript > dependencies”中增加agcp配置。

```java
dependencies {
        ...        
        classpath 'com.huawei.agconnect:agcp:1.3.1.300'    
     }
 }
```
2.整合sdk

```java
// 引入基礎SDK
implementation 'com.huawei.hms:ml-computer-vision-handkeypoint:2.0.4.300'
// 引入手部關鍵點檢測模型包
implementation 'com.huawei.hms:ml-computer-vision-handkeypoint-model:2.0.4.300'
```
3.建立預設手勢分析器

```java
 MLHandKeypointAnalyzer analyzer =MLHandKeypointAnalyzerFactory.getInstance().getHandKeypointAnalyzer();

```
4.建立處理類

```java
public class HandKeypointTransactor implements MLAnalyzer.MLTransactor<list>> {
@Override
public void transactResult(MLAnalyzer.Result<list>> results) {
SparseArray<list>> analyseList = results.getAnalyseList();
// 開發者根據需要處理識別結果，需要注意，這裡只對檢測結果進行處理。
// 不可呼叫ML Kit提供的其他檢測相關介面。
}
@Override
public void destroy() {
// 檢測結束回撥方法，用於釋放資源等。
}
}
```
5.設定處理類

```java
analyzer.setTransactor(new HandKeypointTransactor());
```
6.建立Lengengine

```java
LensEngine lensEngine = new LensEngine.Creator(getApplicationContext(), analyzer)
.setLensType(LensEngine.BACK_LENS)
.applyDisplayDimension(1280, 720)
.applyFps(20.0f)
.enableAutomaticFocus(true)
.create();
```
7.呼叫run方法，啟動相機，讀取影片流，進行識別

```java
// 請自行實現SurfaceView控制元件的其他邏輯。
SurfaceView mSurfaceView = findViewById(R.id.surface_view);
try {
lensEngine.run(mSurfaceView.getHolder());
} catch (IOException e) {
// 異常處理邏輯。
}
```
8．釋放檢測資源

```java
if (analyzer != null) {
analyzer.stop();
}
  
if (lensEngine != null) {
lensEngine.release();
}
```

欲瞭解更多詳情，請參閱：

華為開發者聯盟官網：

[https://developer.huawei.com/consumer/cn/hms/huawei-mlkit](https://developer.huawei.com/consumer/cn/hms/huawei-mlkit)

獲取開發指導文件：

[https://developer.huawei.com/consumer/en/doc/development/HMSCore-Guides/service-introduction-0000001050040017](https://developer.huawei.com/consumer/en/doc/development/HMSCore-Guides/service-introduction-0000001050040017)

參與開發者討論請到Reddit社群：[https://www.reddit.com/r/HuaweiDevelopers/](https://www.reddit.com/r/HuaweiDevelopers/)

下載demo和示例程式碼請到Github：[https://github.com/HMS-Core](https://github.com/HMS-Core)

解決整合問題請到Stack Overflow：

[https://stackoverflow.com/questions/tagged/huawei-mobile-services?tab=Newest](https://stackoverflow.com/questions/tagged/huawei-mobile-services?tab=Newest)

---
原文連結：
[https://developer.huawei.com/consumer/cn/forum/topic/0201388581574050067?fid=18&pid=0301388581574050321](https://developer.huawei.com/consumer/cn/forum/topic/0201388581574050067?fid=18&pid=0301388581574050321)
 作者：timer</list></list></list></mlface></mlface></mlface>

Crazy Rockets-教你如何整合華為HMS ML Kit人臉檢測和手勢識別打造爆款小遊戲

相關文章