【一步步开发AI运动APP】十二、自定义扩展新运动项目2

之前我们为您分享了【一步步开发AI运动小程序】开发系列博文，通过该系列博文，很多开发者开发出了很多精美的AI健身、线上运动赛事、AI学生体测、美体、康复锻炼等应用场景的AI运动小程序；为了帮助开发者继续深耕AI运动领域市场，今天开始我们将为您分享新系列【一步步开发AI运动APP】的博文，带您开发性能更强、体验更好的AI运动APP。

上一篇为您介绍了uni-app版运动识别插件的自定义扩展运动的基本架构、与小程序版运动识别插件的运动扩展差异，本篇我们就以双手并举为例带你来实现一个扩展运动。
一、动作姿态拆解

如上图所示，这个运动主要为手部摆动动，包含2个分动作姿态，起始动作姿态1为双手垂放于左右两侧站立，结束动作姿态2双手举过头顶撑直为结束动作，完成动作2时计数加一，如此反复运动。
二、定义运动检测规则

接下来我们为这两个拆解姿态分别构建检测规则，检测规则及自定义姿态的检测可以参考本系列博文的前面章节及插件的pose-calc指南文档。

• 先构建动作姿态1手垂于两侧并站立的动作的检测规则：
  

1. {
2.          name: '双手下垂',
3.          calc: '$and',
4.                  rules: [{
5.                          name: '站立姿态',
6.                          calc: 'stand',
7.                          offset: 25
8.                  }, {
9.                          name: '左腋夹角',
10.                          calc: 'match-angle',
11.                          angleKey: 'left_shoulder',
12.                          secondKey: 'left_hip',
13.                          thirdKey: 'left_wrist',
14.                          angle: 30,
15.                          offset: 30
16.                  }, {
17.                          name: '左手下垂',
18.                          calc: 'vertical',
19.                          upperKey: 'left_shoulder',
20.                          centerKey: 'left_elbow',
21.                          lowerKey: 'left_wrist',
22.                          offset: 25
23.                  }, {
24.                          name: '右腋夹角',
25.                          calc: 'match-angle',
26.                          angleKey: 'right_shoulder',
27.                          secondKey: 'right_hip',
28.                          thirdKey: 'right_wrist',
29.                          angle: 30,
30.                          offset: 30
31.                  }, {
32.                          name: '右手下垂',
33.                          calc: 'vertical',
34.                          upperKey: 'right_shoulder',
35.                          centerKey: 'right_elbow',
36.                          lowerKey: 'right_wrist',
37.                          offset: 25
38.                  }]
39. }

复制代码

• 再构建动作姿态2双手举过头顶伸直站立的检测规则：
  

1. {
2.         name: '双手上举',
3.         calc: '$and',
4.         rules: [{
5.                 name: '左手上举',
6.                 calc: 'position',
7.                 referenceKey: 'left_eye',
8.                 positionKey: 'left_wrist',
9.                 position: 'top',
10.                 relaxed: true
11.         }, {
12.                 name: '右手上举',
13.                 calc: 'position',
14.                 referenceKey: 'right_eye',
15.                 positionKey: 'right_wrist',
16.                 position: 'top',
17.                 relaxed: true
18.         }]
19. }

复制代码

三、实现运动分析器

定义好动作姿态检测规则后，我们便可以实现此扩展运动的运动分析器了，完整代码如下：

1. /**
2. * 双手并举运动分析器
3. */
4. export class BothHandsUpSport {
6.         context = null;
7.         calculator = null; //ICalculator
8.         stateTran = -1;
10.         /**
11.          * 初始化运动分析器
12.          */
13.         constructor() {
14.                 this.calculator = createCalculator();
16.                 this.buildRules();
17.                 const that = this;
18.                 this.context = createExtendSportContext({
19.                         key: 'both-hands-up',
20.                         name: '自定义-双手并举',
21.                         tickMode: true,
22.                         view: 'front_back',
23.                         start: () => that.start(),
24.                         // reset: this.reset,
25.                         // stop: this.stop,
26.                         pushing: human => that.pushing(human)
27.                 });
28.         }
30.         buildRules() {
31.                 this.rules = {};
32.                 this.rules.ups = {
33.                         name: '双手上举',
34.                         calc: '$and',
35.                         rules: [{
36.                                 name: '左手上举',
37.                                 calc: 'position',
38.                                 referenceKey: 'left_eye',
39.                                 positionKey: 'left_wrist',
40.                                 position: 'top',
41.                                 relaxed: true
42.                         }, {
43.                                 name: '右手上举',
44.                                 calc: 'position',
45.                                 referenceKey: 'right_eye',
46.                                 positionKey: 'right_wrist',
47.                                 position: 'top',
48.                                 relaxed: true
49.                         }]
50.                 };
52.                 this.rules.downs = {
53.                         name: '双手下垂',
54.                         calc: '$and',
55.                         rules: [{
56.                                 name: '站立姿态',
57.                                 calc: 'stand',
58.                                 offset: 25
59.                         }, {
60.                                 name: '左腋夹角',
61.                                 calc: 'match-angle',
62.                                 angleKey: 'left_shoulder',
63.                                 secondKey: 'left_hip',
64.                                 thirdKey: 'left_wrist',
65.                                 angle: 30,
66.                                 offset: 30
67.                         }, {
68.                                 name: '左手下垂',
69.                                 calc: 'vertical',
70.                                 upperKey: 'left_shoulder',
71.                                 centerKey: 'left_elbow',
72.                                 lowerKey: 'left_wrist',
73.                                 offset: 25
74.                         }, {
75.                                 name: '右腋夹角',
76.                                 calc: 'match-angle',
77.                                 angleKey: 'right_shoulder',
78.                                 secondKey: 'right_hip',
79.                                 thirdKey: 'right_wrist',
80.                                 angle: 30,
81.                                 offset: 30
82.                         }, {
83.                                 name: '右手下垂',
84.                                 calc: 'vertical',
85.                                 upperKey: 'right_shoulder',
86.                                 centerKey: 'right_elbow',
87.                                 lowerKey: 'right_wrist',
88.                                 offset: 25
89.                         }]
90.                 };
91.         }
93.         start() {
94.                 this.stateTran = -1;
95.                 console.log('运动启动', this);
96.         }
98.         pushing(fragment) {
100.                 if (fragment.isNobody) {
101.                         console.log('未识别到人体');
102.                         return;
103.                 }
105.                 const human = fragment.human;
106.                 if (this.stateTran != 1 && this.calculator.calculating(human, this.rules.downs)) {
107.                         this.stateTran = 1;
108.                         return;
109.                 }
111.                 if (this.stateTran == 1 && this.calculator.calculating(human, this.rules.ups)) {
112.                         this.stateTran = 2;
113.                         this.context.countTimes();
114.                         this.context.emitTick(1);
115.                 }
116.         }
118.         /**
119.          * 获取当前扩展运动的原生分析器实例
120.          * @returns 原生运动分析器实例
121.          */
122.         getSportInstance() {
123.                 return this.context.getSport();
124.         }
126.         /**
127.          * 获取当前扩展运动描述
128.          *
129.          * @returns  运动描述条目实例
130.          */
131.         static getDescriptor() {
132.                 let item = {
133.                         key: 'both-hands-up',
134.                         name: '自定义-双手并举'
135.                 };
137.                 return item;
138.         }
139. }

复制代码

好了，本节就为您介绍到这，下一节我们将为您介绍将实现的自定义扩展运动列表的维护，敬请期待...

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！