Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
C
cc_mz_write_02
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
template admin
cc_mz_write_02
Commits
df33b9cf
Commit
df33b9cf
authored
Nov 04, 2022
by
limingzhe
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix: debug
parent
2eb8e01a
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
678 additions
and
58 deletions
+678
-58
cc_mz_write_02.js
assets/cc_mz_write_02/scene/cc_mz_write_02.js
+619
-52
form.component.html
form/src/app/form/form.component.html
+34
-0
form.component.ts
form/src/app/form/form.component.ts
+25
-6
No files found.
assets/cc_mz_write_02/scene/cc_mz_write_02.js
View file @
df33b9cf
...
...
@@ -118,7 +118,8 @@ cc.Class({
getDefaultData
()
{
return
this
.
item
=
{
"
begin_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
idle_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
finish_right_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
finish_wrong_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
error_link_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
error_write_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
page_id
"
:
"
7
"
,
"
book_id
"
:
"
opw1
"
,
"
part_name
"
:
"
d
"
,
"
bgItem
"
:{
"
url
"
:
"
http://staging-teach.cdn.ireadabc.com/75bcd934bdd589d901b1d1dcf9e05e2b.png
"
,
"
rect
"
:{
"
x
"
:
455.89
,
"
y
"
:
0
,
"
width
"
:
1729.22
,
"
height
"
:
992
}},
"
hotZoneItemArr
"
:[{
"
id
"
:
"
1667291729830
"
,
"
index
"
:
0
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
496
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
714.5
,
"
posY
"
:
509
,
"
rect
"
:{
"
x
"
:
232.61
,
"
y
"
:
483
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
2
,
"
pointItem
"
:
1
},{
"
id
"
:
"
1667291758660
"
,
"
index
"
:
1
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
863.4985828918223
,
"
posY
"
:
708.0011902773308
,
"
rect
"
:{
"
x
"
:
381.61
,
"
y
"
:
682
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
1
,
"
pointItem
"
:
2
},{
"
id
"
:
"
1667291766274
"
,
"
index
"
:
2
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1038.4989313227106
,
"
posY
"
:
767.0016556313363
,
"
rect
"
:{
"
x
"
:
556.61
,
"
y
"
:
741
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
4
,
"
pointItem
"
:
3
},{
"
id
"
:
"
1667291773931
"
,
"
index
"
:
3
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1208.4993405536202
,
"
posY
"
:
565.0017936006144
,
"
rect
"
:{
"
x
"
:
726.61
,
"
y
"
:
539
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
3
,
"
pointItem
"
:
4
},{
"
id
"
:
"
1667291781144
"
,
"
index
"
:
4
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1365.499738092218
,
"
posY
"
:
554.0013212312218
,
"
rect
"
:{
"
x
"
:
883.61
,
"
y
"
:
528
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
6
,
"
pointItem
"
:
5
},{
"
id
"
:
"
1667291787620
"
,
"
index
"
:
5
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1519.500105230805
,
"
posY
"
:
368.0012955081361
,
"
rect
"
:{
"
x
"
:
1037.61
,
"
y
"
:
342
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
5
,
"
pointItem
"
:
6
},{
"
id
"
:
"
1667291794068
"
,
"
index
"
:
6
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1697.5004653540052
,
"
posY
"
:
452.00086055414096
,
"
rect
"
:{
"
x
"
:
1215.61
,
"
y
"
:
426
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
8
,
"
pointItem
"
:
7
},{
"
id
"
:
"
1667291799074
"
,
"
index
"
:
7
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1762.5008816003017
,
"
posY
"
:
565.0010569849775
,
"
rect
"
:{
"
x
"
:
1280.61
,
"
y
"
:
539
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
7
,
"
pointItem
"
:
8
},{
"
id
"
:
"
1667291806543
"
,
"
index
"
:
8
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1672.501033600354
,
"
posY
"
:
721.0013212312218
,
"
rect
"
:{
"
x
"
:
1190.61
,
"
y
"
:
695
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
10
,
"
pointItem
"
:
9
},{
"
id
"
:
"
1667291814677
"
,
"
index
"
:
9
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1477.5008231387435
,
"
posY
"
:
705.0016860313468
,
"
rect
"
:{
"
x
"
:
995.61
,
"
y
"
:
679
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
9
,
"
pointItem
"
:
10
},{
"
id
"
:
"
1667291823228
"
,
"
index
"
:
10
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1371.5003671385873
,
"
posY
"
:
813.0016486159494
,
"
rect
"
:{
"
x
"
:
889.61
,
"
y
"
:
787
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
12
,
"
pointItem
"
:
11
},{
"
id
"
:
"
1667291830926
"
,
"
index
"
:
11
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1199.5001192615794
,
"
posY
"
:
812.0019011698821
,
"
rect
"
:{
"
x
"
:
717.61
,
"
y
"
:
786
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
11
,
"
pointItem
"
:
12
},{
"
id
"
:
"
1667291842195
"
,
"
index
"
:
12
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1326.4997170460567
,
"
posY
"
:
247.00189883141968
,
"
rect
"
:{
"
x
"
:
844.61
,
"
y
"
:
221
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
14
,
"
pointItem
"
:
13
},{
"
id
"
:
"
1667291853247
"
,
"
index
"
:
13
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1130.500014030774
,
"
posY
"
:
267.00057760019786
,
"
rect
"
:{
"
x
"
:
648.61
,
"
y
"
:
241
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
13
,
"
pointItem
"
:
14
},{
"
id
"
:
"
1667291861161
"
,
"
index
"
:
14
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1060.4995556921554
,
"
posY
"
:
407.00062436944467
,
"
rect
"
:{
"
x
"
:
578.61
,
"
y
"
:
381
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
16
,
"
pointItem
"
:
15
},{
"
id
"
:
"
1667291869501
"
,
"
index
"
:
15
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
891.4993919997917
,
"
posY
"
:
447.0009517541722
,
"
rect
"
:{
"
x
"
:
409.61
,
"
y
"
:
421
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
15
,
"
pointItem
"
:
16
}],
"
bgItem2
"
:{
"
url
"
:
"
http://staging-teach.cdn.ireadabc.com/71e68ebc76a7ce04eef418353d3f1844.png
"
,
"
rect
"
:{
"
x
"
:
269.36
,
"
y
"
:
0
,
"
width
"
:
2032.28
,
"
height
"
:
2629
}},
"
hotZoneItemArr2
"
:[{
"
id
"
:
"
1667380287432
"
,
"
index
"
:
0
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
670.5
,
"
posY
"
:
1410.5
,
"
rect
"
:{
"
x
"
:
376.64
,
"
y
"
:
1386
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380314762
"
,
"
index
"
:
1
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
827.4994456359115
,
"
posY
"
:
1617.5012714317836
,
"
rect
"
:{
"
x
"
:
533.64
,
"
y
"
:
1593
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380322503
"
,
"
index
"
:
2
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1007.4995871564998
,
"
posY
"
:
1680.5014580226232
,
"
rect
"
:{
"
x
"
:
713.64
,
"
y
"
:
1656
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380329891
"
,
"
index
"
:
3
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1185.4997494094036
,
"
posY
"
:
1470.5015148111395
,
"
rect
"
:{
"
x
"
:
891.64
,
"
y
"
:
1446
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380339099
"
,
"
index
"
:
4
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1346.4999098594978
,
"
posY
"
:
1458.5013255160848
,
"
rect
"
:{
"
x
"
:
1052.64
,
"
y
"
:
1434
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380346091
"
,
"
index
"
:
5
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1507.5000549857066
,
"
posY
"
:
1264.5013146992246
,
"
rect
"
:{
"
x
"
:
1213.64
,
"
y
"
:
1240
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380353829
"
,
"
index
"
:
6
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1690.500200111915
,
"
posY
"
:
1351.5011398266504
,
"
rect
"
:{
"
x
"
:
1396.64
,
"
y
"
:
1327
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380360920
"
,
"
index
"
:
7
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1756.500365069034
,
"
posY
"
:
1469.5012182488872
,
"
rect
"
:{
"
x
"
:
1462.64
,
"
y
"
:
1445
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380368760
"
,
"
index
"
:
8
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1664.5004245617654
,
"
posY
"
:
1629.5013246146798
,
"
rect
"
:{
"
x
"
:
1370.64
,
"
y
"
:
1605
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380374561
"
,
"
index
"
:
9
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1462.5003416325035
,
"
posY
"
:
1613.5014688394833
,
"
rect
"
:{
"
x
"
:
1168.64
,
"
y
"
:
1589
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380381923
"
,
"
index
"
:
10
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1350.500159548689
,
"
posY
"
:
1725.501454417003
,
"
rect
"
:{
"
x
"
:
1056.64
,
"
y
"
:
1701
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380387739
"
,
"
index
"
:
11
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1174.5000585913265
,
"
posY
"
:
1723.5015553743654
,
"
rect
"
:{
"
x
"
:
880.64
,
"
y
"
:
1699
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380395200
"
,
"
index
"
:
12
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1306.4998999440427
,
"
posY
"
:
1140.5015535715554
,
"
rect
"
:{
"
x
"
:
1012.64
,
"
y
"
:
1116
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380402254
"
,
"
index
"
:
13
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1101.5000189295056
,
"
posY
"
:
1160.5010280524275
,
"
rect
"
:{
"
x
"
:
807.64
,
"
y
"
:
1136
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380408975
"
,
"
index
"
:
14
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1028.499834141476
,
"
posY
"
:
1304.501046080528
,
"
rect
"
:{
"
x
"
:
734.64
,
"
y
"
:
1280
,
"
width
"
:
49
,
"
height
"
:
49
}},{
"
id
"
:
"
1667380417184
"
,
"
index
"
:
15
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.00859375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.00859375
,
"
dragDot
"
:{
"
x
"
:
1285.5
,
"
y
"
:
1314.5
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
853.4997683389092
,
"
posY
"
:
1346.5011758828512
,
"
rect
"
:{
"
x
"
:
559.64
,
"
y
"
:
1322
,
"
width
"
:
49
,
"
height
"
:
49
}}],
"
isDebug
"
:
true
}
// return {"page_id":"82","book_id":"opw3","bgItem":{"url":"http://staging-teach.cdn.ireadabc.com/48ecdccc083571a554a0393e88aa8e17.png","rect":{"x":0,"y":44.55,"width":2178,"height":731.91}},"hotZoneItemArr":[{"id":"1667527075823","index":0,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1027,"posY":353.49534883720935,"rect":{"x":987.5,"y":269.45,"width":79,"height":79},"circleItem":1,"signItem":1},{"id":"1667527184155","index":1,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1299,"posY":353.49534883720935,"rect":{"x":1259.5,"y":269.45,"width":79,"height":79},"circleItem":2,"signItem":2},{"id":"1667527190579","index":2,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1027,"posY":460.49534883720935,"rect":{"x":987.5,"y":376.45,"width":79,"height":79},"signItem":3},{"id":"1667527194988","index":3,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1300,"posY":463.49534883720935,"rect":{"x":1260.5,"y":379.45,"width":79,"height":79},"signItem":4},{"id":"1667527200554","index":4,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1028,"posY":571.4953488372093,"rect":{"x":988.5,"y":487.45,"width":79,"height":79},"signItem":5},{"id":"1667527205347","index":5,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1300,"posY":570.4953488372093,"rect":{"x":1260.5,"y":486.45,"width":79,"height":79},"signItem":6},{"id":"1667527210543","index":6,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1027,"posY":677.4953488372093,"rect":{"x":987.5,"y":593.45,"width":79,"height":79},"signItem":7},{"id":"1667527216357","index":7,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1299,"posY":678.4953488372093,"rect":{"x":1259.5,"y":594.45,"width":79,"height":79},"signItem":8},{"id":"1667527221859","index":8,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1628,"posY":355.49534883720935,"rect":{"x":1588.5,"y":271.45,"width":79,"height":79},"signItem":9},{"id":"1667527229299","index":9,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1900,"posY":353.49534883720935,"rect":{"x":1860.5,"y":269.45,"width":79,"height":79},"signItem":10},{"id":"1667527237415","index":10,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1627,"posY":460.49534883720935,"rect":{"x":1587.5,"y":376.45,"width":79,"height":79},"signItem":11},{"id":"1667527242936","index":11,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1900,"posY":461.49534883720935,"rect":{"x":1860.5,"y":377.45,"width":79,"height":79},"signItem":12},{"id":"1667527249982","index":12,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1626,"posY":569.4953488372093,"rect":{"x":1586.5,"y":485.45,"width":79,"height":79},"signItem":13},{"id":"1667527256608","index":13,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1900,"posY":571.4953488372093,"rect":{"x":1860.5,"y":487.45,"width":79,"height":79},"signItem":14},{"id":"1667527262126","index":14,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1627,"posY":678.4953488372093,"rect":{"x":1587.5,"y":594.45,"width":79,"height":79},"signItem":15},{"id":"1667527269087","index":15,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":410.5},"gIdx":"4","posX":1900,"posY":679.4953488372093,"rect":{"x":1860.5,"y":595.45,"width":79,"height":79},"signItem":16}],"part_name":"e","begin_audio_url":"http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3","idle_audio_url":"http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3","finish_right_audio_url":"http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3","finish_wrong_audio_url":"http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3","error_link_audio_url":"http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3","error_write_audio_url":"http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3","bgItem2":{"url":"http://staging-teach.cdn.ireadabc.com/cdc23fe114c7fbe4ce688c5b7cdff70e.png","rect":{"x":224.98,"y":0,"width":1728.05,"height":2236}},"hotZoneItemArr2":[{"id":"1667527318185","index":0,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1068,"posY":1726,"rect":{"x":811.02,"y":1694,"width":64,"height":64}},{"id":"1667527349948","index":1,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1265.9950206411086,"posY":1725.9983039012782,"rect":{"x":1009.02,"y":1694,"width":64,"height":64}},{"id":"1667527354975","index":2,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1067.9948260712667,"posY":1803.9983039012782,"rect":{"x":811.01,"y":1772,"width":64,"height":64}},{"id":"1667527363008","index":3,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1266.9850206509354,"posY":1803.9982272525526,"rect":{"x":1010.01,"y":1772,"width":64,"height":64}},{"id":"1667527368695","index":4,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1068.9848250984178,"posY":1883.9982272525526,"rect":{"x":812,"y":1852,"width":64,"height":64}},{"id":"1667527374694","index":5,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1266.9750196780863,"posY":1882.9981486384752,"rect":{"x":1010,"y":1851,"width":64,"height":64}},{"id":"1667527380289","index":6,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1066.9748251082444,"posY":1962.998149621151,"rect":{"x":809.99,"y":1931,"width":64,"height":64}},{"id":"1667527388175","index":7,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1266.965021653265,"posY":1960.9980710070736,"rect":{"x":1009.99,"y":1929,"width":64,"height":64}},{"id":"1667527393603","index":8,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1506.964825118071,"posY":1724.9980729724255,"rect":{"x":1249.98,"y":1693,"width":64,"height":64}},{"id":"1667527399645","index":9,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1705.9545892856654,"posY":1724.998304883954,"rect":{"x":1448.97,"y":1693,"width":64,"height":64}},{"id":"1667527406504","index":10,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1505.9443937429746,"posY":1803.998304883954,"rect":{"x":1248.96,"y":1772,"width":64,"height":64}},{"id":"1667527414914","index":11,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1705.934590287995,"posY":1804.9982272525526,"rect":{"x":1448.95,"y":1773,"width":64,"height":64}},{"id":"1667527423039","index":12,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1506.924393762628,"posY":1883.9982262698766,"rect":{"x":1249.94,"y":1852,"width":64,"height":64}},{"id":"1667527431966","index":13,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1705.9145893249724,"posY":1883.9981486384752,"rect":{"x":1448.93,"y":1852,"width":64,"height":64}},{"id":"1667527439422","index":14,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1507.9043937822817,"posY":1962.9981486384752,"rect":{"x":1250.92,"y":1931,"width":64,"height":64}},{"id":"1667527445613","index":15,"itemType":"rect","fontScale":1.7015625,"imgScale":1,"imgSizeW":0,"imgSizeH":0,"mapScale":1.7015625,"dragDot":{"x":1089,"y":1118},"gIdx":"8","posX":1705.8945883619504,"posY":1963.9980710070736,"rect":{"x":1448.91,"y":1932,"width":64,"height":64}}],"isDebug":false}
return
this
.
item
=
{
"
begin_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
idle_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
finish_right_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
finish_wrong_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
error_link_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
error_write_audio_url
"
:
"
http://staging-teach.cdn.ireadabc.com/3d307a02663e1cd667b7c951340ec98b.mp3
"
,
"
page_id
"
:
"
7
"
,
"
book_id
"
:
"
opw1
"
,
"
part_name
"
:
"
d
"
,
"
bgItem
"
:{
"
url
"
:
"
http://staging-teach.cdn.ireadabc.com/75bcd934bdd589d901b1d1dcf9e05e2b.png
"
,
"
rect
"
:{
"
x
"
:
455.89
,
"
y
"
:
0
,
"
width
"
:
1729.22
,
"
height
"
:
992
}},
"
hotZoneItemArr
"
:[{
"
id
"
:
"
1667291729830
"
,
"
index
"
:
0
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
496
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
714.5
,
"
posY
"
:
509
,
"
rect
"
:{
"
x
"
:
232.61
,
"
y
"
:
483
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
2
,
"
pointItem
"
:
1
},{
"
id
"
:
"
1667291758660
"
,
"
index
"
:
1
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
863.4985828918223
,
"
posY
"
:
708.0011902773308
,
"
rect
"
:{
"
x
"
:
381.61
,
"
y
"
:
682
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
1
,
"
pointItem
"
:
2
},{
"
id
"
:
"
1667291766274
"
,
"
index
"
:
2
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1038.4989313227106
,
"
posY
"
:
767.0016556313363
,
"
rect
"
:{
"
x
"
:
556.61
,
"
y
"
:
741
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
4
,
"
pointItem
"
:
3
},{
"
id
"
:
"
1667291773931
"
,
"
index
"
:
3
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1208.4993405536202
,
"
posY
"
:
565.0017936006144
,
"
rect
"
:{
"
x
"
:
726.61
,
"
y
"
:
539
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
3
,
"
pointItem
"
:
4
},{
"
id
"
:
"
1667291781144
"
,
"
index
"
:
4
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1365.499738092218
,
"
posY
"
:
554.0013212312218
,
"
rect
"
:{
"
x
"
:
883.61
,
"
y
"
:
528
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
6
,
"
pointItem
"
:
5
},{
"
id
"
:
"
1667291787620
"
,
"
index
"
:
5
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1519.500105230805
,
"
posY
"
:
368.0012955081361
,
"
rect
"
:{
"
x
"
:
1037.61
,
"
y
"
:
342
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
5
,
"
pointItem
"
:
6
},{
"
id
"
:
"
1667291794068
"
,
"
index
"
:
6
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1697.5004653540052
,
"
posY
"
:
452.00086055414096
,
"
rect
"
:{
"
x
"
:
1215.61
,
"
y
"
:
426
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
8
,
"
pointItem
"
:
7
},{
"
id
"
:
"
1667291799074
"
,
"
index
"
:
7
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1762.5008816003017
,
"
posY
"
:
565.0010569849775
,
"
rect
"
:{
"
x
"
:
1280.61
,
"
y
"
:
539
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
7
,
"
pointItem
"
:
8
},{
"
id
"
:
"
1667291806543
"
,
"
index
"
:
8
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1672.501033600354
,
"
posY
"
:
721.0013212312218
,
"
rect
"
:{
"
x
"
:
1190.61
,
"
y
"
:
695
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
10
,
"
pointItem
"
:
9
},{
"
id
"
:
"
1667291814677
"
,
"
index
"
:
9
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1477.5008231387435
,
"
posY
"
:
705.0016860313468
,
"
rect
"
:{
"
x
"
:
995.61
,
"
y
"
:
679
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
9
,
"
pointItem
"
:
10
},{
"
id
"
:
"
1667291823228
"
,
"
index
"
:
10
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1371.5003671385873
,
"
posY
"
:
813.0016486159494
,
"
rect
"
:{
"
x
"
:
889.61
,
"
y
"
:
787
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
12
,
"
pointItem
"
:
11
},{
"
id
"
:
"
1667291830926
"
,
"
index
"
:
11
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1199.5001192615794
,
"
posY
"
:
812.0019011698821
,
"
rect
"
:{
"
x
"
:
717.61
,
"
y
"
:
786
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
11
,
"
pointItem
"
:
12
},{
"
id
"
:
"
1667291842195
"
,
"
index
"
:
12
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1326.4997170460567
,
"
posY
"
:
247.00189883141968
,
"
rect
"
:{
"
x
"
:
844.61
,
"
y
"
:
221
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
14
,
"
pointItem
"
:
13
},{
"
id
"
:
"
1667291853247
"
,
"
index
"
:
13
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1130.500014030774
,
"
posY
"
:
267.00057760019786
,
"
rect
"
:{
"
x
"
:
648.61
,
"
y
"
:
241
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
13
,
"
pointItem
"
:
14
},{
"
id
"
:
"
1667291861161
"
,
"
index
"
:
14
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1060.4995556921554
,
"
posY
"
:
407.00062436944467
,
"
rect
"
:{
"
x
"
:
578.61
,
"
y
"
:
381
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
16
,
"
pointItem
"
:
15
},{
"
id
"
:
"
1667291869501
"
,
"
index
"
:
15
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
2.06328125
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
2.06328125
,
"
dragDot
"
:{
"
x
"
:
1320.5
,
"
y
"
:
495.99999999999994
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
891.4993919997917
,
"
posY
"
:
447.0009517541722
,
"
rect
"
:{
"
x
"
:
409.61
,
"
y
"
:
421
,
"
width
"
:
52
,
"
height
"
:
52
},
"
linkItem
"
:
15
,
"
pointItem
"
:
16
}],
"
bgItem2
"
:{
"
url
"
:
"
http://staging-teach.cdn.ireadabc.com/71e68ebc76a7ce04eef418353d3f1844.png
"
,
"
rect
"
:{
"
x
"
:
191.67
,
"
y
"
:
0
,
"
width
"
:
1499.67
,
"
height
"
:
1940
}},
"
hotZoneItemArr2
"
:[{
"
id
"
:
"
1667380287432
"
,
"
index
"
:
0
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
670.5
,
"
posY
"
:
1410.5
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
,
"
value
"
:
true
}]},
"
rect
"
:{
"
x
"
:
277.93
,
"
y
"
:
1022.76
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380314762
"
,
"
index
"
:
1
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
827.4994456359115
,
"
posY
"
:
1617.5012714317836
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
,
"
value
"
:
true
}]},
"
rect
"
:{
"
x
"
:
393.79
,
"
y
"
:
1175.51
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380322503
"
,
"
index
"
:
2
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1007.4995871564998
,
"
posY
"
:
1680.5014580226232
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
,
"
value
"
:
true
}]},
"
rect
"
:{
"
x
"
:
526.61
,
"
y
"
:
1222
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380329891
"
,
"
index
"
:
3
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1185.4997494094036
,
"
posY
"
:
1470.5015148111395
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
,
"
value
"
:
true
}]},
"
rect
"
:{
"
x
"
:
657.96
,
"
y
"
:
1067.03
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380339099
"
,
"
index
"
:
4
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1346.4999098594978
,
"
posY
"
:
1458.5013255160848
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
,
"
value
"
:
true
}]},
"
rect
"
:{
"
x
"
:
776.77
,
"
y
"
:
1058.18
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380346091
"
,
"
index
"
:
5
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1507.5000549857066
,
"
posY
"
:
1264.5013146992246
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
,
"
value
"
:
true
}]},
"
rect
"
:{
"
x
"
:
895.57
,
"
y
"
:
915.02
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380353829
"
,
"
index
"
:
6
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1690.500200111915
,
"
posY
"
:
1351.5011398266504
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
,
"
value
"
:
true
}]},
"
rect
"
:{
"
x
"
:
1030.61
,
"
y
"
:
979.22
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380360920
"
,
"
index
"
:
7
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1756.500365069034
,
"
posY
"
:
1469.5012182488872
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
,
"
value
"
:
true
}]},
"
rect
"
:{
"
x
"
:
1079.31
,
"
y
"
:
1066.3
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380368760
"
,
"
index
"
:
8
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1664.5004245617654
,
"
posY
"
:
1629.5013246146798
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
}]},
"
rect
"
:{
"
x
"
:
1011.42
,
"
y
"
:
1184.36
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380374561
"
,
"
index
"
:
9
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1462.5003416325035
,
"
posY
"
:
1613.5014688394833
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
}]},
"
rect
"
:{
"
x
"
:
862.36
,
"
y
"
:
1172.56
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380381923
"
,
"
index
"
:
10
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1350.500159548689
,
"
posY
"
:
1725.501454417003
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
}]},
"
rect
"
:{
"
x
"
:
779.72
,
"
y
"
:
1255.2
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380387739
"
,
"
index
"
:
11
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1174.5000585913265
,
"
posY
"
:
1723.5015553743654
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
}]},
"
rect
"
:{
"
x
"
:
649.84
,
"
y
"
:
1253.73
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380395200
"
,
"
index
"
:
12
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1306.4998999440427
,
"
posY
"
:
1140.5015535715554
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
}]},
"
rect
"
:{
"
x
"
:
747.24
,
"
y
"
:
823.52
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380402254
"
,
"
index
"
:
13
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1101.5000189295056
,
"
posY
"
:
1160.5010280524275
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
}]},
"
rect
"
:{
"
x
"
:
595.97
,
"
y
"
:
838.28
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380408975
"
,
"
index
"
:
14
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
1028.499834141476
,
"
posY
"
:
1304.501046080528
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
}]},
"
rect
"
:{
"
x
"
:
542.1
,
"
y
"
:
944.53
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}},{
"
id
"
:
"
1667380417184
"
,
"
index
"
:
15
,
"
itemType
"
:
"
rect
"
,
"
fontScale
"
:
1.47109375
,
"
imgScale
"
:
1
,
"
imgSizeW
"
:
0
,
"
imgSizeH
"
:
0
,
"
mapScale
"
:
1.47109375
,
"
dragDot
"
:{
"
x
"
:
941.5
,
"
y
"
:
962.739595488137
},
"
gIdx
"
:
"
0
"
,
"
posX
"
:
853.4997683389092
,
"
posY
"
:
1346.5011758828512
,
"
checkbox
"
:{
"
title
"
:
"
答案
"
,
"
list
"
:[{
"
label
"
:
"
正确
"
,
"
key
"
:
"
isRight
"
}]},
"
rect
"
:{
"
x
"
:
412.97
,
"
y
"
:
975.53
,
"
width
"
:
36.15
,
"
height
"
:
36.15
}}],
"
isDebug
"
:
true
}
return
{
"
page_id
"
:
"
5
"
,
...
...
@@ -550,11 +551,16 @@ cc.Class({
// console.log('this.curQuestionData', this.curQuestionData)
this
.
totalLineArr
=
[];
this
.
rectNodeArr
=
[];
this
.
animaNodeArr
=
[];
this
.
picNodeArr
=
[];
this
.
initAudioEffect
();
this
.
linkRectGroup
=
[];
this
.
centerItemArr
=
this
.
getGroupArrByGIdx
(
this
.
data
.
hotZoneItemArr2
,
'
1
'
);
this
.
benchmark1Data
=
this
.
getGroupArrByGIdx
(
this
.
data
.
hotZoneItemArr2
,
'
3
'
)[
0
];
...
...
@@ -564,6 +570,7 @@ cc.Class({
this
.
lineRectArr
=
this
.
getGroupArrByGIdx
(
this
.
data
.
hotZoneItemArr2
,
'
0
'
);
this
.
newRectArr
=
this
.
getGroupArrByGIdx
(
this
.
data
.
hotZoneItemArr2
,
'
6
'
);
this
.
circleRectArr
=
this
.
getGroupArrByGIdx
(
this
.
data
.
hotZoneItemArr2
,
'
7
'
);
this
.
signRectArr
=
this
.
getGroupArrByGIdx
(
this
.
data
.
hotZoneItemArr2
,
'
8
'
);
if
(
this
.
benchmark1Data
)
{
...
...
@@ -716,19 +723,72 @@ cc.Class({
// this.initStar();
},
checkStart
()
{
for
(
let
i
=
0
;
i
<
this
.
picNodeArr
.
length
;
i
++
)
{
if
(
!
this
.
picNodeArr
[
i
].
isLoadEnd
)
{
return
;
}
initTestPointArr
()
{
const
linkeItemArr
=
this
.
data
.
hotZoneItemArr
.
filter
(
hzItem
=>
{
return
hzItem
.
gIdx
==
'
0
'
;
})
const
bgRect
=
this
.
data
.
bgItem2
.
rect
;
const
setDebugCenterPos
=
(
hzItem
)
=>
{
const
debugItemIndex
=
(
Number
(
hzItem
.
pointItem
)
-
1
)
const
debugItem
=
this
.
data
.
hotZoneItemArr2
[
debugItemIndex
];
const
{
rect
}
=
debugItem
const
left
=
Math
.
round
(
(
rect
.
x
)
/
bgRect
.
width
*
1000
)
/
1000
;
const
right
=
Math
.
round
(
(
rect
.
x
+
rect
.
width
)
/
bgRect
.
width
*
1000
)
/
1000
;
const
top
=
Math
.
round
(
(
rect
.
y
)
/
bgRect
.
height
*
1000
)
/
1000
;
const
bottom
=
Math
.
round
(
(
rect
.
y
+
rect
.
height
)
/
bgRect
.
height
*
1000
)
/
1000
;
const
x
=
left
+
(
right
-
left
)
/
2
;
const
y
=
bottom
-
(
bottom
-
top
)
/
2
;
hzItem
.
debugCenterPos
=
[
x
,
y
];
}
if
(
this
.
isTestStart
)
{
return
;
console
.
log
(
'
linkeItemArr:
'
,
linkeItemArr
);
linkeItemArr
.
forEach
(
hzItem
=>
{
return
setDebugCenterPos
(
hzItem
);
})
const
startPosObj
=
{};
const
endPosObj
=
{};
for
(
let
i
=
0
;
i
<
linkeItemArr
.
length
;
i
++
)
{
const
index
=
this
.
data
.
hotZoneItemArr
.
indexOf
(
linkeItemArr
[
i
]);
const
key
=
(
index
+
1
).
toString
();
if
(
!
startPosObj
[
key
]
&&
!
endPosObj
[
key
])
{
startPosObj
[
key
]
=
linkeItemArr
[
i
];
const
endKey
=
linkeItemArr
[
i
].
linkItem
.
toString
();
const
endIndex
=
Number
(
endKey
)
-
1
;
const
endItem
=
this
.
data
.
hotZoneItemArr
[
endIndex
];
endPosObj
[
endKey
]
=
endItem
;
}
}
this
.
isTestStart
=
true
;
console
.
log
(
'
startPosObj:
'
,
startPosObj
);
console
.
log
(
'
endPosObj:
'
,
endPosObj
);
console
.
log
(
'
this.end_points:
'
,
this
.
end_points
);
},
checkStart
()
{
console
.
log
(
'
in checkStart
'
)
if
(
this
.
debugBgImg
&&
this
.
hzLoadEnd
)
{
this
.
startTesting
();
}
},
...
...
@@ -799,12 +859,19 @@ cc.Class({
const
writeRegions
=
this
.
getRegionsByGidx
(
'
6
'
)
const
circleRegions
=
this
.
getRegionsByGidx
(
'
7
'
)
let
lineRegions
=
this
.
getRegionsByGidx
(
'
0
'
)
const
signRegions
=
this
.
getRegionsByGidx
(
'
8
'
)
// this.changeRegionTo4Pos(signRegions);
// let lineRegions = this.getRegionsByGidx('0')
const
newPoints
=
this
.
getSendLinePoints
();
console
.
log
(
'
writeRegions:
'
,
writeRegions
);
console
.
log
(
'
circleRegions:
'
,
circleRegions
);
console
.
log
(
'
newPoints:
'
,
newPoints
);
console
.
log
(
'
signRegions:
'
,
JSON
.
stringify
(
signRegions
));
// this.getPhotoData((data) => {
...
...
@@ -881,6 +948,22 @@ cc.Class({
// // this.isTesting = false;
},
changeRegionTo4Pos
(
regions
)
{
for
(
let
i
=
0
;
i
<
regions
.
length
;
i
++
)
{
const
{
left
,
top
,
right
,
bottom
}
=
regions
[
i
];
regions
[
i
]
=
[
left
,
top
,
right
,
top
,
right
,
bottom
,
left
,
bottom
]
}
},
getRegionsByGidx
(
gIdx
)
{
const
arr
=
this
.
getGroupArrByGIdx
(
this
.
data
.
hotZoneItemArr2
,
gIdx
);
...
...
@@ -982,6 +1065,72 @@ cc.Class({
},
setOneAnswerDataLink
(
firstPos
,
lastPos
,
answerData
)
{
const
w
=
this
.
debugLayer
.
width
;
const
h
=
this
.
debugLayer
.
height
;
const
checkP1
=
cc
.
v2
(
firstPos
.
x
*
w
,
-
firstPos
.
y
*
h
);
const
checkP2
=
cc
.
v2
(
lastPos
.
x
*
w
,
-
lastPos
.
y
*
h
);
let
firstPosRectId
=
-
1
;
let
lastPosRectId
=
-
1
;
const
worldPos1
=
this
.
debugLayer
.
convertToWorldSpaceAR
(
cc
.
v2
(
checkP1
.
x
,
checkP1
.
y
));
const
worldPos2
=
this
.
debugLayer
.
convertToWorldSpaceAR
(
cc
.
v2
(
checkP2
.
x
,
checkP2
.
y
));
// console.log('worldPos1: ', JSON.stringify(worldPos1));
// console.log('worldPos2: ', JSON.stringify(worldPos2));
for
(
let
i
=
0
;
i
<
this
.
linkRectGroup
.
length
;
i
++
)
{
const
rect
=
this
.
linkRectGroup
[
i
].
ccRect
;
// console.log('rect: ', JSON.stringify(rect));
if
(
rect
.
contains
(
worldPos1
))
{
firstPosRectId
=
i
;
// break;
}
if
(
rect
.
contains
(
worldPos2
))
{
lastPosRectId
=
i
;
// break;
}
}
console
.
log
(
'
firstPosRectId:
'
,
firstPosRectId
);
console
.
log
(
'
lastPosRectId:
'
,
lastPosRectId
);
if
(
firstPosRectId
!=
-
1
&&
lastPosRectId
!=
-
1
&&
firstPosRectId
!=
lastPosRectId
)
{
answerData
[
firstPosRectId
.
toString
()]
=
[
firstPosRectId
,
lastPosRectId
];
this
.
addDebugLayerDot
(
checkP1
.
x
,
checkP1
.
y
,
10
,
cc
.
Color
.
GREEN
);
this
.
addDebugLayerDot
(
checkP2
.
x
,
checkP2
.
y
,
10
,
cc
.
Color
.
GREEN
);
}
},
addDebugLayerDot
(
x
,
y
,
r
=
10
,
color
=
null
)
{
const
dotNode
=
new
cc
.
Node
();
const
ctx
=
dotNode
.
addComponent
(
cc
.
Graphics
);
ctx
.
fillColor
=
color
||
cc
.
Color
.
BLUE
;
ctx
.
circle
(
x
,
y
,
r
);
ctx
.
fill
();
this
.
debugDrawLayer
.
addChild
(
dotNode
);
const
w
=
this
.
debugLayer
.
width
;
const
h
=
this
.
debugLayer
.
height
;
const
rateX
=
x
/
w
;
const
rateY
=
y
/
h
;
console
.
log
(
'
ratePos: {x:
'
+
rateX
+
'
, y:
'
+
rateY
+
'
}
'
)
},
photoEndLineRect
(
data
)
{
const
textArr
=
data
?.
result
?.
text
;
if
(
!
textArr
)
{
...
...
@@ -1001,29 +1150,293 @@ cc.Class({
const
point2_x
=
points
[
2
];
const
point2_y
=
points
[
3
];
const
rect1
=
{
x
:
point1_x
,
y
:
-
point1_y
,
width
:
0.01
,
height
:
0.01
// const rect1 = {
// x:point1_x,
// y: -point1_y,
// width: 0.01,
// height: 0.01
// }
// const colorRect1 = this.getColorDot(rect1.x, rect1.y, rect1.width, rect1.height, "purple");
// this.debugDrawLayer.addChild(colorRect1, 1);
// const rect2 = {
// x:point2_x,
// y: -point2_y,
// width: 0.01,
// height: 0.01
// }
// const colorRect2 = this.getColorDot(rect2.x, rect2.y, rect1.width, rect1.height, "purple");
// this.debugDrawLayer.addChild(colorRect2, 1);
this
.
drawUserLine
([{
x
:
point1_x
,
y
:
point1_y
},
{
x
:
point2_x
,
y
:
point2_y
}]);
this
.
setOneAnswerDataLink
({
x
:
point1_x
,
y
:
point1_y
},
{
x
:
point2_x
,
y
:
point2_y
},
answerData
);
}
this
.
showLinkAnswer
(
answerData
);
},
drawUserLine
(
path
)
{
this
.
drawOnePath
(
path
);
},
drawOnePath
(
path
)
{
const
lineNode
=
new
cc
.
Node
();
this
.
debugDrawLayer
.
addChild
(
lineNode
);
const
w
=
this
.
debugLayer
.
width
;
const
h
=
this
.
debugLayer
.
height
;
const
subY
=
0
;
//-canvas.height / 2;
const
ctx
=
lineNode
.
addComponent
(
cc
.
Graphics
);
ctx
.
lineWidth
=
10
;
ctx
.
strokeColor
=
cc
.
Color
.
RED
;
ctx
.
fillColor
=
cc
.
Color
.
BLACK
;
ctx
.
moveTo
(
path
[
0
].
x
*
w
,
-
path
[
0
].
y
*
h
+
subY
);
for
(
let
i
=
1
;
i
<
path
.
length
;
i
++
)
{
const
x
=
path
[
i
].
x
*
w
;
const
y
=
-
path
[
i
].
y
*
h
+
subY
;
ctx
.
lineTo
(
x
,
y
);
}
ctx
.
stroke
();
},
showLinkAnswer
(
answerData
)
{
for
(
let
key
in
answerData
)
{
const
tempArr
=
answerData
[
key
];
const
firstItemIndex
=
tempArr
[
0
];
const
lastItemIndex
=
tempArr
[
1
];
const
debugFirstItem
=
this
.
linkRectGroup
[
firstItemIndex
];
const
debugLastItem
=
this
.
linkRectGroup
[
lastItemIndex
];
console
.
log
(
'
linkdebugId:
'
,
debugFirstItem
.
linkData
.
linkDebugItemId
);
console
.
log
(
'
debugLastItem.linkData.debugItemId:
'
,
debugLastItem
.
linkData
.
debugItemId
)
console
.
log
(
'
debugFirstItem.isRightPoint:
'
,
debugFirstItem
.
isRightPoint
)
const
hzItemIdFirst
=
debugFirstItem
.
linkData
.
hzItemId
const
hzItemIdLast
=
debugLastItem
.
linkData
.
hzItemId
const
startItem
=
this
.
getItemById
(
hzItemIdFirst
);
const
endItem
=
this
.
getItemById
(
hzItemIdLast
);
if
(
startItem
.
isShowEnd
||
endItem
.
isShowEnd
)
{
return
;
}
if
((
startItem
.
isRightPoint
&&
endItem
.
isRightPoint
)
&&
debugFirstItem
.
linkData
.
linkDebugItemId
==
debugLastItem
.
linkData
.
debugItemId
)
{
const
{
hzItemId
,
linkHzItemId
}
=
debugFirstItem
.
linkData
this
.
showSuccess
(
hzItemId
,
linkHzItemId
);
}
else
{
}
}
// for (let key in answerData) {
// const tempArr = answerData[key];
// const firstItemIndex = tempArr[0];
// const lastItemIndex = tempArr[1];
// const debugFirstItem = this.linkRectGroup[firstItemIndex];
// const debugLastItem = this.linkRectGroup[lastItemIndex];
// console.log('linkdebugId: ', debugFirstItem.linkData.linkDebugItemId);
// console.log('debugLastItem.linkData.debugItemId: ', debugLastItem.linkData.debugItemId)
// console.log('debugFirstItem.isRightPoint: ', debugFirstItem.isRightPoint)
// const hzItemIdFirst = debugFirstItem.linkData.hzItemId
// const hzItemIdLast = debugLastItem.linkData.hzItemId
// const startItem = this.getItemById(hzItemIdFirst);
// const endItem = this.getItemById(hzItemIdLast);
// if (startItem.isShowEnd || endItem.isShowEnd) {
// return;
// }
// if (debugFirstItem.isRightPoint && debugFirstItem.linkData.linkDebugItemId == debugLastItem.linkData.debugItemId) {
// // const {hzItemId, linkHzItemId} = debugFirstItem.linkData
// // this.showSuccess(hzItemId, linkHzItemId);
// } else {
// this.showFail(hzItemIdFirst, hzItemIdLast);
// this.playCatAudio(this.data.error_link_audio_url);
// }
// }
},
showSuccess
(
startItemId
,
endItemId
)
{
console
.
log
(
'
in showSuccess
'
);
const
startItem
=
this
.
getItemById
(
startItemId
);
const
endItem
=
this
.
getItemById
(
endItemId
);
if
(
startItem
.
isShowEnd
||
endItem
.
isShowEnd
)
{
return
;
}
startItem
.
isShowEnd
=
true
;
endItem
.
isShowEnd
=
true
;
const
isLinked
=
this
.
checkIsLinked
(
startItem
,
endItem
);
if
(
isLinked
)
{
return
;
}
this
.
addLinkItem
(
startItem
,
endItem
);
this
.
addLinkItem
(
endItem
,
startItem
);
const
pos1
=
startItem
.
getPosition
();
pos1
.
x
+=
startItem
.
width
/
2
;
pos1
.
y
+=
startItem
.
height
/
2
;
const
pos2
=
endItem
.
getPosition
();
pos2
.
x
+=
endItem
.
width
/
2
;
pos2
.
y
+=
endItem
.
height
/
2
;
const
greenColor
=
new
cc
.
Color
();
greenColor
.
fromHEX
(
"
#519F00
"
);
const
line
=
this
.
getLine
(
pos1
,
pos2
,
greenColor
);
this
.
addLinkLine
(
startItem
,
endItem
,
line
);
line
.
isRight
=
true
;
const
maskNode
=
new
cc
.
Node
();
maskNode
.
width
=
0
;
maskNode
.
height
=
0
;
maskNode
.
x
=
pos1
.
x
;
maskNode
.
y
=
pos1
.
y
;
this
.
hotZoneBg
.
addChild
(
maskNode
);
const
mask
=
maskNode
.
addComponent
(
cc
.
Mask
);
mask
.
type
=
cc
.
Mask
.
Type
.
ELLIPSE
;
mask
.
segments
=
32
;
maskNode
.
addChild
(
line
);
// line.mask = mask;
this
.
isCurLinked
=
true
;
cc
.
tween
(
maskNode
)
.
to
(
1.5
,
{
width
:
this
.
canvas
.
width
*
2
,
height
:
this
.
canvas
.
height
*
2
},
{
easing
:
'
sineOut
'
})
.
call
(()
=>
{
maskNode
.
removeComponent
(
cc
.
Mask
);
})
.
start
();
playAudio
(
this
.
rightClip
,
()
=>
{
})
},
addLinkLine
(
item1
,
item2
,
line
)
{
if
(
!
item1
.
lineArr
)
{
item1
.
lineArr
=
[];
}
if
(
!
item2
.
lineArr
)
{
item2
.
lineArr
=
[];
}
const
colorRect1
=
this
.
getColorDot
(
rect1
.
x
,
rect1
.
y
,
rect1
.
width
,
rect1
.
height
,
"
purple
"
);
this
.
debugDrawLayer
.
addChild
(
colorRect1
,
1
);
item1
.
lineArr
.
push
(
line
);
item2
.
lineArr
.
push
(
line
);
line
.
itemArr
=
[
item1
,
item2
];
this
.
totalLineArr
.
push
(
line
);
},
checkIsLinked
(
startItem
,
endItem
)
{
const
linkItemArr1
=
startItem
.
linkItemArr
||
[];
const
linkItemArr2
=
endItem
.
linkItemArr
||
[];
const
rect2
=
{
x
:
point2_x
,
y
:
-
point2_y
,
width
:
0.01
,
height
:
0.01
return
(
linkItemArr1
.
indexOf
(
endItem
)
!=
-
1
&&
linkItemArr2
.
indexOf
(
startItem
)
!=
-
1
);
},
addLinkItem
(
item
,
linkItem
)
{
if
(
!
item
.
linkItemArr
)
{
item
.
linkItemArr
=
[];
}
const
colorRect2
=
this
.
getColorDot
(
rect2
.
x
,
rect2
.
y
,
rect1
.
width
,
rect1
.
height
,
"
purple
"
);
this
.
debugDrawLayer
.
addChild
(
colorRect2
,
1
);
if
(
item
.
linkItemArr
.
indexOf
(
linkItem
)
==
-
1
)
{
item
.
linkItemArr
.
push
(
linkItem
);
}
},
getLine
(
item1
,
item2
,
color
=
cc
.
Color
.
BLACK
)
{
const
lineNode
=
new
cc
.
Node
();
const
ctx
=
lineNode
.
addComponent
(
cc
.
Graphics
);
ctx
.
lineWidth
=
5
;
ctx
.
strokeColor
=
color
;
ctx
.
fillColor
=
color
;
ctx
.
moveTo
(
0
,
0
);
ctx
.
lineTo
(
item2
.
x
-
item1
.
x
,
item2
.
y
-
item1
.
y
);
ctx
.
stroke
();
const
dot1
=
this
.
getDot
(
0
,
0
,
ctx
.
lineWidth
/
2
,
ctx
.
strokeColor
);
dot1
.
parent
=
lineNode
;
const
dot2
=
this
.
getDot
(
item2
.
x
-
item1
.
x
,
item2
.
y
-
item1
.
y
,
ctx
.
lineWidth
/
2
,
ctx
.
strokeColor
);
dot2
.
parent
=
lineNode
;
return
lineNode
;
},
getDot
(
x
,
y
,
r
,
color
)
{
const
dotNode
=
new
cc
.
Node
();
const
ctx
=
dotNode
.
addComponent
(
cc
.
Graphics
);
ctx
.
fillColor
=
color
||
cc
.
Color
.
BLUE
;
ctx
.
circle
(
x
,
y
,
r
);
ctx
.
fill
();
return
dotNode
;
},
getItemById
(
id
)
{
console
.
log
(
'
getItemById id:
'
,
id
);
console
.
log
(
"
this.rectNodeArr:
"
,
this
.
rectNodeArr
);
const
targetItem
=
this
.
rectNodeArr
.
find
(
item
=>
{
const
data
=
item
.
data
;
if
(
data
.
index
+
1
==
id
)
{
return
true
;
}
})
return
targetItem
;
},
photoEndCircleRect
(
data
)
{
const
textArr
=
data
?.
result
?.
text
;
if
(
!
textArr
)
{
...
...
@@ -1083,6 +1496,7 @@ cc.Class({
// this.showUserRightNew(answerData);
},
photoEndNewRect
(
data
)
{
const
textArr
=
data
?.
result
?.
text
;
if
(
!
textArr
)
{
...
...
@@ -3025,7 +3439,7 @@ cc.Class({
console
.
log
(
'
in initDebugLayer
'
);
const
layer
=
new
cc
.
Node
();
if
(
this
.
data
.
isDebug
||
true
)
{
if
(
this
.
data
.
isDebug
)
{
layer
.
parent
=
cc
.
find
(
'
Canvas
'
);
}
...
...
@@ -3069,7 +3483,9 @@ cc.Class({
this
.
addNewRect
();
this
.
addCircleItem
();
this
.
startTesting
();
this
.
initDebugRect
();
this
.
checkStart
();
});
...
...
@@ -3097,6 +3513,119 @@ cc.Class({
},
initDebugRect
()
{
console
.
log
(
'
in initDebugRect
'
);
this
.
linkRectGroup
=
[];
this
.
data
.
hotZoneItemArr2
.
forEach
((
item
)
=>
{
switch
(
item
.
gIdx
)
{
case
"
0
"
:
this
.
setOneDebugLinkRect
(
item
);
break
;
// case "1":
// this.setOneDebugWriteRect(item);
// break;
default
:
break
;
}
});
},
setOneDebugLinkRect
(
data
)
{
const
rate
=
(
this
.
debugLayer
.
scale
*
this
.
debugLayer
.
width
)
/
this
.
data
.
bgItem2
.
rect
.
width
;
const
rectNode
=
new
cc
.
Node
();
rectNode
.
name
=
'
rect
'
+
data
.
index
;
this
.
debugLayer
.
addChild
(
rectNode
);
let
ctx
=
rectNode
.
addComponent
(
cc
.
Graphics
);
// 红色矩形
ctx
.
lineWidth
=
4
;
ctx
.
strokeColor
=
cc
.
Color
.
BLACK
;
ctx
.
fillColor
=
cc
.
Color
.
WHITE
.
setA
(
100
);
const
scale
=
rate
/
this
.
debugLayer
.
scaleY
;
rectNode
.
width
=
data
.
rect
.
width
*
scale
;
rectNode
.
height
=
data
.
rect
.
height
*
scale
;
rectNode
.
x
=
data
.
rect
.
x
*
scale
;
rectNode
.
y
=
-
data
.
rect
.
height
*
scale
-
data
.
rect
.
y
*
scale
;
rectNode
.
anchorX
=
0
;
rectNode
.
anchorY
=
0
;
if
(
this
.
data
.
isDebug
)
{
ctx
.
rect
(
0
,
0
,
rectNode
.
width
,
rectNode
.
height
);
}
ctx
.
stroke
();
ctx
.
fill
();
rectNode
[
'
data
'
]
=
data
;
rectNode
.
opacity
=
100
;
rectNode
[
'
ccRect
'
]
=
rectNode
.
getBoundingBoxToWorld
()
rectNode
.
isRightPoint
=
data
.
checkbox
.
list
[
0
].
value
==
true
;
this
.
linkRectGroup
.
push
(
rectNode
);
this
.
setLinkDataByDebugItem
(
rectNode
,
data
.
index
);
},
setLinkDataByDebugItem
(
item
,
index
)
{
let
hzItemId
;
let
debugItemId
;
let
linkHzItemId
;
let
linkDebugItemId
;
debugItemId
=
index
+
1
;
const
hzItem
=
this
.
getHzItemByPoint
(
debugItemId
)
hzItemId
=
this
.
data
.
hotZoneItemArr
.
indexOf
(
hzItem
)
+
1
;
console
.
log
(
'
hzItem:
'
,
hzItem
);
console
.
log
(
'
debugItemId:
'
,
debugItemId
);
linkHzItemId
=
hzItem
.
linkItem
;
const
linkHzItem
=
this
.
data
.
hotZoneItemArr
[
linkHzItemId
-
1
]
linkDebugItemId
=
linkHzItem
.
pointItem
;
const
linkData
=
{
hzItemId
,
debugItemId
,
linkHzItemId
,
linkDebugItemId
};
item
.
linkData
=
linkData
;
},
getHzItemByPoint
(
pointId
,
gidx
=
'
0
'
)
{
const
hzItem
=
this
.
data
.
hotZoneItemArr
.
find
((
item
)
=>
{
if
(
item
.
gIdx
==
gidx
)
{
return
item
.
pointItem
==
pointId
}
});
return
hzItem
;
},
addCircleItem
()
{
if
(
!
this
.
circleRectArr
)
{
...
...
@@ -3343,7 +3872,7 @@ cc.Class({
getPhotoData
(
cb
)
{
const
tmpData1
=
{
"
result
"
:{
"
text
"
:[
{
"
type
"
:
0
,
"
points
"
:[
0.2
,
0.49
,
0.43
,
0.56
]}
]}};
const
tmpData1
=
{
"
result
"
:{
"
text
"
:[
{
"
type
"
:
0
,
"
points
"
:[
0.197
,
0.536
,
0.275
,
0.615
]},
{
"
type
"
:
0
,
"
points
"
:[
0.363
,
0.639
,
0.451
,
0.559
]},
{
"
type
"
:
0
,
"
points
"
:[
0.53
,
0.554
,
0.609
,
0.481
]}
]}};
// const tmpData1 = {"result":{"text":[{"type":1,"points":[0.23666666,0.45360824,0.24,0.45360824,0.22,0.45618558,0.22333333,0.45618558,0.22666667,0.45618558,0.23,0.45618558,0.23333333,0.45618558,0.24333334,0.45618558,0.24666667,0.45618558,0.25,0.45618558,0.25333333,0.45618558,0.25666666,0.45618558,0.26,0.45618558,0.20666666,0.45876288,0.21,0.45876288,0.21333334,0.45876288,0.21666667,0.45876288,0.26333332,0.45876288,0.26666668,0.45876288,0.27,0.45876288,0.27333334,0.45876288,0.19666667,0.46134022,0.2,0.46134022,0.20333333,0.46134022,0.27666667,0.46134022,0.28,0.46134022,0.28333333,0.46134022,0.17666666,0.46391752,0.18,0.46391752,0.18333334,0.46391752,0.18666667,0.46391752,0.19,0.46391752,0.19333333,0.46391752,0.28666666,0.46391752,0.29,0.46391752,0.29333332,0.46391752,0.29666665,0.46391752,0.3,0.46391752,0.30333334,0.46391752,0.30666667,0.46391752,0.31,0.46391752,0.31333333,0.46391752,0.31666666,0.46391752,0.32,0.46391752,0.32333332,0.46391752,0.32666665,0.46391752,0.17,0.46649486,0.17333333,0.46649486,0.28666666,0.46649486,0.33,0.46649486,0.33333334,0.46649486,0.33666667,0.46649486,0.34,0.46649486,0.34333333,0.46649486,0.34666666,0.46649486,0.35,0.46649486,0.35333332,0.46649486,0.35666665,0.46649486,0.36,0.46649486,0.36333334,0.46649486,0.36666667,0.46649486,0.37,0.46649486,0.16666667,0.46907216,0.28666666,0.46907216,0.16333333,0.4716495,0.28666666,0.4716495,0.16333333,0.4742268,0.28666666,0.4742268,0.16333333,0.47680414,0.28666666,0.47680414,0.16,0.47938144,0.28666666,0.47938144,0.16,0.48195878,0.28666666,0.48195878,0.16,0.48453608,0.28666666,0.48453608,0.16,0.48711342,0.29,0.48711342,0.15666667,0.48969072,0.29,0.48969072,0.15333334,0.49226806,0.29,0.49226806,0.15333334,0.49484536,0.29,0.49484536,0.15333334,0.4974227,0.29,0.4974227,0.15,0.5,0.29,0.5,0.15,0.5025773,0.29,0.5025773,0.15,0.5051546,0.29,0.5051546,0.15,0.507732,0.28666666,0.507732,0.15,0.5103093,0.28666666,0.5103093,0.15,0.5128866,0.28666666,0.5128866,0.15,0.5154639,0.28666666,0.5154639,0.15,0.51804125,0.28666666,0.51804125,0.15,0.52061856,0.28666666,0.52061856,0.15,0.52319586,0.28333333,0.52319586,0.15333334,0.52577317,0.28333333,0.52577317,0.15333334,0.52835053,0.28,0.52835053,0.15333334,0.53092784,0.27666667,0.53092784,0.15333334,0.53350514,0.27333334,0.53350514,0.15333334,0.53608245,0.26666668,0.53608245,0.27,0.53608245,0.15333334,0.5386598,0.25666666,0.5386598,0.26,0.5386598,0.26333332,0.5386598,0.15666667,0.5412371,0.25,0.5412371,0.25333333,0.5412371,0.15666667,0.5438144,0.24333334,0.5438144,0.24666667,0.5438144,0.15666667,0.5463917,0.23333333,0.5463917,0.23666666,0.5463917,0.24,0.5463917,0.16,0.5489691,0.23,0.5489691,0.16333333,0.5515464,0.22333333,0.5515464,0.22666667,0.5515464,0.16666667,0.5541237,0.17,0.5541237,0.17333333,0.5541237,0.17666666,0.5541237,0.18,0.5541237,0.18333334,0.5541237,0.18666667,0.5541237,0.19,0.5541237,0.19333333,0.5541237,0.19666667,0.5541237,0.2,0.5541237,0.20333333,0.5541237,0.20666666,0.5541237,0.21,0.5541237,0.21333334,0.5541237,0.21666667,0.5541237,0.22,0.5541237]}]}}
// const tmpData1 = {"result":{"text":[{"left":0.22833333909511566,"right":0.3166666626930237,"top":0.5590206384658813,"bottom":0.628608226776123,"score":0.8552894592285156,"content":"Aa"},{"left":0.6816666126251221,"right":0.7666666507720947,"top":0.42257729172706604,"bottom":0.49860823154449463,"score":0.8148108720779419,"content":"Aa"},{"left":0.6983333230018616,"right":0.7666666507720947,"top":0.5564433336257935,"bottom":0.628608226776123,"score":0.7532452344894409,"content":"Aa"}]}}
// const tmpData1 = {"result":{"text":[{"left":0.09814612567424774,"right":0.4471101462841034,"top":0.006644518114626408,"bottom":0.15614618360996246,"score":1,"content":"CTrace,write,and say."},{"left":0.10796073824167252,"right":0.5049073100090027,"top":0.1827242523431778,"bottom":0.4518272280693054,"score":0.9702169299125671,"content":"AAAA"},{"left":0.5834242105484009,"right":0.659760057926178,"top":0.17607973515987396,"bottom":0.4485049843788147,"score":0.9523985981941223,"content":"A"},{"left":0.6706652045249939,"right":0.8298800587654114,"top":0.15614618360996246,"bottom":0.43853819370269775,"score":0.9089533090591431,"content":"A"},{"left":0.5866957306861877,"right":0.6521264910697937,"top":0.634551465511322,"bottom":0.8504983186721802,"score":0.8326067328453064,"content":"a"},{"left":0.7699018716812134,"right":0.8276990056037903,"top":0.6411960124969482,"bottom":0.8039867281913757,"score":0.8035371899604797,"content":"a"}]}}
...
...
@@ -5005,6 +5534,9 @@ cc.Class({
// this.data.bgItem.isShowDebugLine = true;
this
.
initHotZoneItem
();
this
.
hzLoadEnd
=
true
;
this
.
checkStart
();
});
...
...
@@ -5016,9 +5548,13 @@ cc.Class({
this
.
picNodeArr
=
[];
this
.
data
.
hotZoneItemArr
.
forEach
((
item
)
=>
{
//
console.log('item.gIdx: ', item.gIdx);
console
.
log
(
'
item.gIdx:
'
,
item
.
gIdx
);
switch
(
item
.
gIdx
)
{
case
"
0
"
:
this
.
setOneLinkRect
(
item
);
break
;
case
"
1
"
:
this
.
setOneAnimaSmall
(
item
);
break
;
...
...
@@ -5034,6 +5570,48 @@ cc.Class({
},
setOneLinkRect
(
data
)
{
const
rate
=
(
this
.
hotZoneBg
.
scale
*
this
.
hotZoneBg
.
width
)
/
this
.
data
.
bgItem
.
rect
.
width
;
const
rectNode
=
new
cc
.
Node
();
rectNode
.
name
=
'
rect
'
+
data
.
index
;
this
.
hotZoneBg
.
addChild
(
rectNode
);
const
ctx
=
rectNode
.
addComponent
(
cc
.
Graphics
);
// 红色矩形
ctx
.
lineWidth
=
4
;
ctx
.
strokeColor
=
cc
.
Color
.
BLACK
;
ctx
.
fillColor
=
cc
.
Color
.
WHITE
.
setA
(
100
);
const
scale
=
rate
/
this
.
hotZoneBg
.
scaleY
;
rectNode
.
width
=
data
.
rect
.
width
*
scale
;
rectNode
.
height
=
data
.
rect
.
height
*
scale
;
rectNode
.
x
=
-
this
.
hotZoneBg
.
width
/
2
+
data
.
rect
.
x
*
scale
;
rectNode
.
y
=
this
.
hotZoneBg
.
height
/
2
-
data
.
rect
.
height
*
scale
-
data
.
rect
.
y
*
scale
;
// rectNode.scale = 1 / data.mapScale;
rectNode
.
anchorX
=
rectNode
.
anchorY
=
0
;
if
(
this
.
data
.
isDebug
)
{
ctx
.
rect
(
0
,
0
,
rectNode
.
width
,
rectNode
.
height
);
}
ctx
.
stroke
();
ctx
.
fill
();
rectNode
.
data
=
data
;
this
.
rectNodeArr
.
push
(
rectNode
)
const
debugItemId
=
data
.
pointItem
;
const
debugItemData
=
this
.
data
.
hotZoneItemArr2
[
Number
(
debugItemId
)
-
1
];
rectNode
.
isRightPoint
=
debugItemData
.
checkbox
.
list
[
0
].
value
==
true
;
console
.
log
(
'
debugItemData.checkbox.list[0].value:
'
,
debugItemData
.
checkbox
.
list
[
0
].
value
);
},
addMask
(
node
)
{
const
mask
=
node
.
addComponent
(
cc
.
Mask
);
...
...
@@ -5712,7 +6290,7 @@ cc.Class({
picNode
.
answerPic
=
sprNode
;
picNode
.
isLoadEnd
=
true
;
this
.
checkStart
();
//
this.checkStart();
})
// picNode.anchorX = picNode.anchorY = 0;
...
...
@@ -5814,6 +6392,7 @@ cc.Class({
},
setOneRect
(
data
)
{
const
rate
=
(
this
.
hotZoneBg
.
scale
*
this
.
hotZoneBg
.
width
)
/
this
.
data
.
bgItem
.
rect
.
width
;
...
...
@@ -5841,36 +6420,24 @@ cc.Class({
rectNode
.
anchorX
=
rectNode
.
anchorY
=
0
;
if
(
this
.
data
.
bgItem
.
isShowDebugLine
)
{
if
(
this
.
data
.
bgItem
.
isShowDebugLine
||
this
.
data
.
isDebug
||
true
)
{
ctx
.
rect
(
0
,
0
,
rectNode
.
width
,
rectNode
.
height
);
}
ctx
.
stroke
();
ctx
.
fill
();
this
.
linkRectGroup
.
push
(
rectNode
);
// console.log('```data: ', data)
this
.
dragEndRectArr
.
push
(
rectNode
);
//
this.dragEndRectArr.push(rectNode);
if
(
data
.
audio_url
)
{
cc
.
assetManager
.
loadRemote
(
data
.
audio_url
,
(
err
,
audioClip
)
=>
{
rectNode
.
audioClip
=
audioClip
;
});
}
// rectNode.addComponent(cc.Button);
// rectNode.on('click', () => {
// if (rectNode.isClicked) {
// // return;
// if (data.audio_url) {
// cc.assetManager.loadRemote(data.audio_url, (err, audioClip) => {
// rectNode.audioClip = audioClip;
// });
// }
// rectNode.isClicked = true;
// console.log('clicked');
// if (rectNode.audioClip) {
// cc.audioEngine.stopAllEffects();
// cc.audioEngine.playEffect(rectNode.audioClip, false, 0.8);
// }
// });
},
...
...
form/src/app/form/form.component.html
View file @
df33b9cf
...
...
@@ -237,6 +237,40 @@
</div>
<div
style=
"margin-top: 30px;"
></div>
<h2>
标记组设置:
</h2>
<div
style=
"padding: 10px; border: 2px solid #ccc; border-radius: 10px; width: 350px;"
>
<div
*
ngFor=
"let hzItem of item.hotZoneItemArr; let i = index"
>
<div
*
ngIf=
"hzItem.gIdx == '4'"
style=
"margin: 10px; display: flex; align-items: center;"
>
<div
style=
"width: 300px; height: 70px; border: 1px solid #ccc; border-radius: 10px; padding: 5px; "
>
<h3>
item-{{i+1}}
</h3>
<span>
服务端标记区域:
</span>
<a
nz-dropdown
[
nzDropdownMenu
]="
menu4
"
>
{{hzItem.signItem ? 'sign-item-' + hzItem.signItem : 'select signItem'}}
<i
nz-icon
nzType=
"down"
></i>
</a>
<nz-dropdown-menu
#
menu4=
"nzDropdownMenu"
>
<ul
nz-menu
nzSelectable
>
<div
*
ngFor=
"let temp of item.hotZoneItemArr2; let j = index"
(
click
)="
saveSignItem
(
hzItem
,
j
+
1
)"
>
<li
*
ngIf=
"temp.gIdx == '8' "
nz-menu-item
>
sign-item-{{j+1}}
</li>
</div>
</ul>
</nz-dropdown-menu>
</div>
</div>
</div>
</div>
<div
style=
"margin-top: 30px; width: 200px; height: 50px; border: 1px solid #ccc ; border-radius: 5px; display: flex; align-items: center; justify-content: center;"
>
<label
nz-checkbox
[(
ngModel
)]="
item
.
isGuide
"
(
ngModelChange
)="
save
()"
>
首次引导
</label>
...
...
form/src/app/form/form.component.ts
View file @
df33b9cf
...
...
@@ -72,6 +72,13 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy, AfterViewIni
isCopy
:
true
,
},
{
name
:
'
标记区
'
,
rect
:
true
,
isShowPos
:
true
,
isCopy
:
true
,
anima
:
true
,
},
...
...
@@ -95,12 +102,12 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy, AfterViewIni
isCopy
:
true
,
isShowPos
:
true
,
centerDot
:
true
,
//
checkbox: {
//
title: '答案',
//
list: [
//
{label: '正确', key: 'isRight'},
//
]
//
},
checkbox
:
{
title
:
'
答案
'
,
list
:
[
{
label
:
'
正确
'
,
key
:
'
isRight
'
},
]
},
},
{
name
:
'
书写Rect
'
,
...
...
@@ -146,6 +153,12 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy, AfterViewIni
rect
:
true
,
isCopy
:
true
,
},
{
name
:
'
标记区域
'
,
rect
:
true
,
isCopy
:
true
,
},
]
audioTypeArr
=
[
...
...
@@ -254,6 +267,12 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy, AfterViewIni
this
.
save
();
}
saveSignItem
(
hzItem
,
signItemId
)
{
hzItem
.
signItem
=
signItemId
;
this
.
save
();
}
addWrongAnswer
()
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment