Commit 829f2b2b authored by liujiangnan's avatar liujiangnan

feat: 简单界面铺设

parent 1613b2f5
...@@ -88,18 +88,21 @@ ...@@ -88,18 +88,21 @@
}, },
{ {
"__id__": 26 "__id__": 26
},
{
"__id__": 75
} }
], ],
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 76 "__id__": 105
}, },
{ {
"__id__": 77 "__id__": 106
}, },
{ {
"__id__": 78 "__id__": 107
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -273,8 +276,8 @@ ...@@ -273,8 +276,8 @@
}, },
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 1377, "width": 1212,
"height": 775 "height": 664
}, },
"_anchorPoint": { "_anchorPoint": {
"__type__": "cc.Vec2", "__type__": "cc.Vec2",
...@@ -359,8 +362,8 @@ ...@@ -359,8 +362,8 @@
}, },
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 1077, "width": 1212,
"height": 579 "height": 664
}, },
"_anchorPoint": { "_anchorPoint": {
"__type__": "cc.Vec2", "__type__": "cc.Vec2",
...@@ -371,8 +374,8 @@ ...@@ -371,8 +374,8 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
284.532, 286.944,
51.387, 55.527,
0, 0,
0, 0,
0, 0,
...@@ -425,7 +428,7 @@ ...@@ -425,7 +428,7 @@
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 1920, "width": 1920,
"height": 1080.0000000000005 "height": 1080
}, },
"_anchorPoint": { "_anchorPoint": {
"__type__": "cc.Vec2", "__type__": "cc.Vec2",
...@@ -436,8 +439,8 @@ ...@@ -436,8 +439,8 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
-284.5329999999999, -286.1999999999998,
-51.38600000000008, -54.480999999999995,
0, 0,
0, 0,
0, 0,
...@@ -504,10 +507,10 @@ ...@@ -504,10 +507,10 @@
"alignMode": 1, "alignMode": 1,
"_target": null, "_target": null,
"_alignFlags": 45, "_alignFlags": 45,
"_left": -706.033, "_left": -640.1999999999999,
"_right": -136.9670000000001, "_right": -67.80000000000007,
"_top": -199.11400000000012, "_top": -153.519,
"_bottom": -301.8860000000003, "_bottom": -262.481,
"_verticalCenter": 0, "_verticalCenter": 0,
"_horizontalCenter": 0, "_horizontalCenter": 0,
"_isAbsLeft": true, "_isAbsLeft": true,
...@@ -820,8 +823,8 @@ ...@@ -820,8 +823,8 @@
}, },
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 1187, "width": 1320,
"height": 694 "height": 776
}, },
"_anchorPoint": { "_anchorPoint": {
"__type__": "cc.Vec2", "__type__": "cc.Vec2",
...@@ -832,8 +835,8 @@ ...@@ -832,8 +835,8 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
290.101, 292.454,
32.708, 38.933,
0, 0,
0, 0,
0, 0,
...@@ -885,8 +888,8 @@ ...@@ -885,8 +888,8 @@
}, },
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 1077, "width": 1212,
"height": 579 "height": 664
}, },
"_anchorPoint": { "_anchorPoint": {
"__type__": "cc.Vec2", "__type__": "cc.Vec2",
...@@ -897,8 +900,8 @@ ...@@ -897,8 +900,8 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
-5, -4.923999999999978,
17.5, 14.865000000000009,
0, 0,
0, 0,
0, 0,
...@@ -965,10 +968,10 @@ ...@@ -965,10 +968,10 @@
"alignMode": 1, "alignMode": 1,
"_target": null, "_target": null,
"_alignFlags": 45, "_alignFlags": 45,
"_left": 50, "_left": 49.07599999999997,
"_right": 60, "_right": 58.923999999999985,
"_top": 40, "_top": 41.13499999999992,
"_bottom": 75, "_bottom": 70.86499999999998,
"_verticalCenter": 0, "_verticalCenter": 0,
"_horizontalCenter": 0, "_horizontalCenter": 0,
"_isAbsLeft": true, "_isAbsLeft": true,
...@@ -1021,8 +1024,8 @@ ...@@ -1021,8 +1024,8 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
30.428, 25.082,
44.054, 19.996,
0, 0,
0, 0,
0, 0,
...@@ -1093,7 +1096,7 @@ ...@@ -1093,7 +1096,7 @@
"_right": 0, "_right": 0,
"_top": 0, "_top": 0,
"_bottom": 0, "_bottom": 0,
"_verticalCenter": 44.054, "_verticalCenter": 19.996,
"_horizontalCenter": 0, "_horizontalCenter": 0,
"_isAbsLeft": true, "_isAbsLeft": true,
"_isAbsRight": true, "_isAbsRight": true,
...@@ -1152,16 +1155,16 @@ ...@@ -1152,16 +1155,16 @@
"__id__": 29 "__id__": 29
}, },
{ {
"__id__": 65 "__id__": 64
}, },
{ {
"__id__": 70 "__id__": 69
} }
], ],
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 75 "__id__": 74
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -1175,7 +1178,7 @@ ...@@ -1175,7 +1178,7 @@
}, },
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 1376.999999999998, "width": 1259,
"height": 0 "height": 0
}, },
"_anchorPoint": { "_anchorPoint": {
...@@ -1187,8 +1190,8 @@ ...@@ -1187,8 +1190,8 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
285.196, 285.19600000000014,
-313.952, -372.092,
0, 0,
0, 0,
0, 0,
...@@ -1237,7 +1240,7 @@ ...@@ -1237,7 +1240,7 @@
}, },
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 1123, "width": 1259,
"height": 98 "height": 98
}, },
"_anchorPoint": { "_anchorPoint": {
...@@ -1250,7 +1253,7 @@ ...@@ -1250,7 +1253,7 @@
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
0, 0,
0, -7.059,
0, 0,
0, 0,
0, 0,
...@@ -1318,31 +1321,31 @@ ...@@ -1318,31 +1321,31 @@
"__id__": 30 "__id__": 30
}, },
{ {
"__id__": 35 "__id__": 34
}, },
{ {
"__id__": 42 "__id__": 41
}, },
{ {
"__id__": 48 "__id__": 47
}, },
{ {
"__id__": 54 "__id__": 53
}, },
{ {
"__id__": 58 "__id__": 57
}, },
{ {
"__id__": 61 "__id__": 60
} }
], ],
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 63 "__id__": 62
}, },
{ {
"__id__": 64 "__id__": 63
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -1356,19 +1359,19 @@ ...@@ -1356,19 +1359,19 @@
}, },
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 730, "width": 789,
"height": 9 "height": 9
}, },
"_anchorPoint": { "_anchorPoint": {
"__type__": "cc.Vec2", "__type__": "cc.Vec2",
"x": 0.5, "x": 0,
"y": 0.5 "y": 0.5
}, },
"_trs": { "_trs": {
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
28.742999999999995, -365.757,
-2.42, -2.42,
0, 0,
0, 0,
...@@ -1409,9 +1412,6 @@ ...@@ -1409,9 +1412,6 @@
"_components": [ "_components": [
{ {
"__id__": 33 "__id__": 33
},
{
"__id__": 34
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -1425,7 +1425,7 @@ ...@@ -1425,7 +1425,7 @@
}, },
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 10, "width": 789,
"height": 9 "height": 9
}, },
"_anchorPoint": { "_anchorPoint": {
...@@ -1438,7 +1438,7 @@ ...@@ -1438,7 +1438,7 @@
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
0, 0,
-0.117, 0,
0, 0,
0, 0,
0, 0,
...@@ -1574,7 +1574,7 @@ ...@@ -1574,7 +1574,7 @@
"_spriteFrame": { "_spriteFrame": {
"__uuid__": "b035c74f-9f28-4698-8325-8fe9ec6e3db0" "__uuid__": "b035c74f-9f28-4698-8325-8fe9ec6e3db0"
}, },
"_type": 1, "_type": 3,
"_sizeMode": 0, "_sizeMode": 0,
"_fillType": 0, "_fillType": 0,
"_fillCenter": { "_fillCenter": {
...@@ -1588,33 +1588,6 @@ ...@@ -1588,33 +1588,6 @@
"_atlas": null, "_atlas": null,
"_id": "6aEBayL25NCYjiR2AaURHr" "_id": "6aEBayL25NCYjiR2AaURHr"
}, },
{
"__type__": "cc.Widget",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 30
},
"_enabled": true,
"alignMode": 1,
"_target": null,
"_alignFlags": 0,
"_left": 14.937999999999988,
"_right": 0,
"_top": 0,
"_bottom": 0,
"_verticalCenter": 0,
"_horizontalCenter": 0,
"_isAbsLeft": true,
"_isAbsRight": true,
"_isAbsTop": true,
"_isAbsBottom": true,
"_isAbsHorizontalCenter": true,
"_isAbsVerticalCenter": true,
"_originalWidth": 0,
"_originalHeight": 0,
"_id": "7310XIrRBLaaz4w9xVlqLd"
},
{ {
"__type__": "cc.Node", "__type__": "cc.Node",
"_name": "Play", "_name": "Play",
...@@ -1624,16 +1597,16 @@ ...@@ -1624,16 +1597,16 @@
}, },
"_children": [ "_children": [
{ {
"__id__": 36 "__id__": 35
} }
], ],
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 39 "__id__": 38
}, },
{ {
"__id__": 41 "__id__": 40
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -1659,7 +1632,7 @@ ...@@ -1659,7 +1632,7 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
-484, -134.676,
-3.5, -3.5,
0, 0,
0, 0,
...@@ -1689,16 +1662,16 @@ ...@@ -1689,16 +1662,16 @@
"_name": "Background", "_name": "Background",
"_objFlags": 512, "_objFlags": 512,
"_parent": { "_parent": {
"__id__": 35 "__id__": 34
}, },
"_children": [], "_children": [],
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 37 "__id__": 36
}, },
{ {
"__id__": 38 "__id__": 37
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -1754,7 +1727,7 @@ ...@@ -1754,7 +1727,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 36 "__id__": 35
}, },
"_enabled": true, "_enabled": true,
"_materials": [ "_materials": [
...@@ -1786,7 +1759,7 @@ ...@@ -1786,7 +1759,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 36 "__id__": 35
}, },
"_enabled": true, "_enabled": true,
"alignMode": 0, "alignMode": 0,
...@@ -1813,7 +1786,7 @@ ...@@ -1813,7 +1786,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 35 "__id__": 34
}, },
"_enabled": true, "_enabled": true,
"_normalMaterial": null, "_normalMaterial": null,
...@@ -1822,7 +1795,7 @@ ...@@ -1822,7 +1795,7 @@
"zoomScale": 1.2, "zoomScale": 1.2,
"clickEvents": [ "clickEvents": [
{ {
"__id__": 40 "__id__": 39
} }
], ],
"_N$interactable": true, "_N$interactable": true,
...@@ -1888,7 +1861,7 @@ ...@@ -1888,7 +1861,7 @@
"__uuid__": "29158224-f8dd-4661-a796-1ffab537140e" "__uuid__": "29158224-f8dd-4661-a796-1ffab537140e"
}, },
"_N$target": { "_N$target": {
"__id__": 36 "__id__": 35
}, },
"_id": "a8bWaLdnFKA5ITxJunB2R2" "_id": "a8bWaLdnFKA5ITxJunB2R2"
}, },
...@@ -1907,13 +1880,13 @@ ...@@ -1907,13 +1880,13 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 35 "__id__": 34
}, },
"_enabled": true, "_enabled": true,
"alignMode": 1, "alignMode": 1,
"_target": null, "_target": null,
"_alignFlags": 8, "_alignFlags": 8,
"_left": -164.49999999999994, "_left": -180.176,
"_right": 0, "_right": 0,
"_top": 0, "_top": 0,
"_bottom": 0, "_bottom": 0,
...@@ -1938,16 +1911,16 @@ ...@@ -1938,16 +1911,16 @@
}, },
"_children": [ "_children": [
{ {
"__id__": 43 "__id__": 42
} }
], ],
"_active": false, "_active": false,
"_components": [ "_components": [
{ {
"__id__": 45 "__id__": 44
}, },
{ {
"__id__": 47 "__id__": 46
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -2003,13 +1976,13 @@ ...@@ -2003,13 +1976,13 @@
"_name": "Background", "_name": "Background",
"_objFlags": 512, "_objFlags": 512,
"_parent": { "_parent": {
"__id__": 42 "__id__": 41
}, },
"_children": [], "_children": [],
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 44 "__id__": 43
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -2065,7 +2038,7 @@ ...@@ -2065,7 +2038,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 43 "__id__": 42
}, },
"_enabled": true, "_enabled": true,
"_materials": [ "_materials": [
...@@ -2097,7 +2070,7 @@ ...@@ -2097,7 +2070,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 42 "__id__": 41
}, },
"_enabled": true, "_enabled": true,
"_normalMaterial": null, "_normalMaterial": null,
...@@ -2106,7 +2079,7 @@ ...@@ -2106,7 +2079,7 @@
"zoomScale": 1.2, "zoomScale": 1.2,
"clickEvents": [ "clickEvents": [
{ {
"__id__": 46 "__id__": 45
} }
], ],
"_N$interactable": true, "_N$interactable": true,
...@@ -2162,7 +2135,7 @@ ...@@ -2162,7 +2135,7 @@
"hoverSprite": null, "hoverSprite": null,
"_N$disabledSprite": null, "_N$disabledSprite": null,
"_N$target": { "_N$target": {
"__id__": 43 "__id__": 42
}, },
"_id": "94dhG7VhpIZZJp5e+IJuYc" "_id": "94dhG7VhpIZZJp5e+IJuYc"
}, },
...@@ -2181,7 +2154,7 @@ ...@@ -2181,7 +2154,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 42 "__id__": 41
}, },
"_enabled": true, "_enabled": true,
"alignMode": 1, "alignMode": 1,
...@@ -2212,16 +2185,16 @@ ...@@ -2212,16 +2185,16 @@
}, },
"_children": [ "_children": [
{ {
"__id__": 49 "__id__": 48
} }
], ],
"_active": false, "_active": false,
"_components": [ "_components": [
{ {
"__id__": 51 "__id__": 50
}, },
{ {
"__id__": 53 "__id__": 52
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -2277,13 +2250,13 @@ ...@@ -2277,13 +2250,13 @@
"_name": "Background", "_name": "Background",
"_objFlags": 512, "_objFlags": 512,
"_parent": { "_parent": {
"__id__": 48 "__id__": 47
}, },
"_children": [], "_children": [],
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 50 "__id__": 49
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -2339,7 +2312,7 @@ ...@@ -2339,7 +2312,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 49 "__id__": 48
}, },
"_enabled": true, "_enabled": true,
"_materials": [ "_materials": [
...@@ -2371,7 +2344,7 @@ ...@@ -2371,7 +2344,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 48 "__id__": 47
}, },
"_enabled": true, "_enabled": true,
"_normalMaterial": null, "_normalMaterial": null,
...@@ -2380,7 +2353,7 @@ ...@@ -2380,7 +2353,7 @@
"zoomScale": 1.2, "zoomScale": 1.2,
"clickEvents": [ "clickEvents": [
{ {
"__id__": 52 "__id__": 51
} }
], ],
"_N$interactable": true, "_N$interactable": true,
...@@ -2436,7 +2409,7 @@ ...@@ -2436,7 +2409,7 @@
"hoverSprite": null, "hoverSprite": null,
"_N$disabledSprite": null, "_N$disabledSprite": null,
"_N$target": { "_N$target": {
"__id__": 49 "__id__": 48
}, },
"_id": "23rFQGz+tCTpq6+bq4cJzR" "_id": "23rFQGz+tCTpq6+bq4cJzR"
}, },
...@@ -2455,7 +2428,7 @@ ...@@ -2455,7 +2428,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 48 "__id__": 47
}, },
"_enabled": true, "_enabled": true,
"alignMode": 1, "alignMode": 1,
...@@ -2488,13 +2461,13 @@ ...@@ -2488,13 +2461,13 @@
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 55 "__id__": 54
}, },
{ {
"__id__": 56 "__id__": 55
}, },
{ {
"__id__": 57 "__id__": 56
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -2520,7 +2493,7 @@ ...@@ -2520,7 +2493,7 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
-410.467, -61.143,
1.062, 1.062,
0, 0,
0, 0,
...@@ -2550,7 +2523,7 @@ ...@@ -2550,7 +2523,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 54 "__id__": 53
}, },
"_enabled": true, "_enabled": true,
"_materials": [ "_materials": [
...@@ -2585,7 +2558,7 @@ ...@@ -2585,7 +2558,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 54 "__id__": 53
}, },
"_enabled": false, "_enabled": false,
"_color": { "_color": {
...@@ -2603,13 +2576,13 @@ ...@@ -2603,13 +2576,13 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 54 "__id__": 53
}, },
"_enabled": true, "_enabled": true,
"alignMode": 1, "alignMode": 1,
"_target": null, "_target": null,
"_alignFlags": 8, "_alignFlags": 8,
"_left": -72.15199999999999, "_left": -87.828,
"_right": 0, "_right": 0,
"_top": 0, "_top": 0,
"_bottom": 0, "_bottom": 0,
...@@ -2636,10 +2609,10 @@ ...@@ -2636,10 +2609,10 @@
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 59 "__id__": 58
}, },
{ {
"__id__": 60 "__id__": 59
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -2665,7 +2638,7 @@ ...@@ -2665,7 +2638,7 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
409.564, 833.5640000000001,
1.256, 1.256,
0, 0,
0, 0,
...@@ -2695,7 +2668,7 @@ ...@@ -2695,7 +2668,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 58 "__id__": 57
}, },
"_enabled": true, "_enabled": true,
"_materials": [ "_materials": [
...@@ -2730,7 +2703,7 @@ ...@@ -2730,7 +2703,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 58 "__id__": 57
}, },
"_enabled": true, "_enabled": true,
"alignMode": 1, "alignMode": 1,
...@@ -2763,7 +2736,7 @@ ...@@ -2763,7 +2736,7 @@
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 62 "__id__": 61
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -2789,8 +2762,8 @@ ...@@ -2789,8 +2762,8 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
-435.372, -83.07,
140.17, 109.589,
0, 0,
0, 0,
0, 0,
...@@ -2819,7 +2792,7 @@ ...@@ -2819,7 +2792,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 61 "__id__": 60
}, },
"_enabled": true, "_enabled": true,
"_materials": [ "_materials": [
...@@ -2879,31 +2852,21 @@ ...@@ -2879,31 +2852,21 @@
"_id": "70MH/+uAVLfpCHqg4yKrpK" "_id": "70MH/+uAVLfpCHqg4yKrpK"
}, },
{ {
"__type__": "cc.Widget", "__type__": "cc.ProgressBar",
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 29 "__id__": 29
}, },
"_enabled": true, "_enabled": true,
"alignMode": 1, "_N$totalLength": 1,
"_target": null, "_N$barSprite": {
"_alignFlags": 44, "__id__": 33
"_left": 352.242999999999, },
"_right": 294.756999999999, "_N$mode": 2,
"_top": 0, "_N$progress": 1,
"_bottom": -6.92, "_N$reverse": false,
"_verticalCenter": 0, "_id": "60xL+j3dREI4UCToJp1TIb"
"_horizontalCenter": 0,
"_isAbsLeft": true,
"_isAbsRight": true,
"_isAbsTop": true,
"_isAbsBottom": true,
"_isAbsHorizontalCenter": true,
"_isAbsVerticalCenter": true,
"_originalWidth": 2057,
"_originalHeight": 0,
"_id": "70m+PVzhhBpKXNmtdvKZ+d"
}, },
{ {
"__type__": "cc.Node", "__type__": "cc.Node",
...@@ -2916,13 +2879,13 @@ ...@@ -2916,13 +2879,13 @@
"_active": true, "_active": true,
"_components": [ "_components": [
{ {
"__id__": 66 "__id__": 65
}, },
{ {
"__id__": 67 "__id__": 66
}, },
{ {
"__id__": 68 "__id__": 67
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -2936,8 +2899,8 @@ ...@@ -2936,8 +2899,8 @@
}, },
"_contentSize": { "_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 64, "width": 55,
"height": 64 "height": 55
}, },
"_anchorPoint": { "_anchorPoint": {
"__type__": "cc.Vec2", "__type__": "cc.Vec2",
...@@ -2948,8 +2911,8 @@ ...@@ -2948,8 +2911,8 @@
"__type__": "TypedArray", "__type__": "TypedArray",
"ctor": "Float64Array", "ctor": "Float64Array",
"array": [ "array": [
512.142, 533.498,
-1.58, -3.54,
0, 0,
0, 0,
0, 0,
...@@ -2978,7 +2941,7 @@ ...@@ -2978,7 +2941,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 65 "__id__": 64
}, },
"_enabled": true, "_enabled": true,
"_materials": [ "_materials": [
...@@ -3010,14 +2973,14 @@ ...@@ -3010,14 +2973,14 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 65 "__id__": 64
}, },
"_enabled": true, "_enabled": true,
"alignMode": 1, "alignMode": 1,
"_target": null, "_target": null,
"_alignFlags": 32, "_alignFlags": 32,
"_left": 0, "_left": 0,
"_right": 144.35799999999887, "_right": 68.50199999999995,
"_top": 0, "_top": 0,
"_bottom": 0, "_bottom": 0,
"_verticalCenter": 0, "_verticalCenter": 0,
...@@ -3037,7 +3000,7 @@ ...@@ -3037,7 +3000,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 65 "__id__": 64
}, },
"_enabled": true, "_enabled": true,
"_normalMaterial": null, "_normalMaterial": null,
...@@ -3046,7 +3009,7 @@ ...@@ -3046,7 +3009,7 @@
"zoomScale": 1.2, "zoomScale": 1.2,
"clickEvents": [ "clickEvents": [
{ {
"__id__": 69 "__id__": 68
} }
], ],
"_N$interactable": true, "_N$interactable": true,
...@@ -3125,13 +3088,13 @@ ...@@ -3125,13 +3088,13 @@
"_active": false, "_active": false,
"_components": [ "_components": [
{ {
"__id__": 71 "__id__": 70
}, },
{ {
"__id__": 72 "__id__": 71
}, },
{ {
"__id__": 73 "__id__": 72
} }
], ],
"_prefab": null, "_prefab": null,
...@@ -3187,7 +3150,7 @@ ...@@ -3187,7 +3150,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 70 "__id__": 69
}, },
"_enabled": true, "_enabled": true,
"_materials": [ "_materials": [
...@@ -3219,7 +3182,7 @@ ...@@ -3219,7 +3182,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 70 "__id__": 69
}, },
"_enabled": true, "_enabled": true,
"alignMode": 1, "alignMode": 1,
...@@ -3246,7 +3209,7 @@ ...@@ -3246,7 +3209,7 @@
"_name": "", "_name": "",
"_objFlags": 0, "_objFlags": 0,
"node": { "node": {
"__id__": 70 "__id__": 69
}, },
"_enabled": true, "_enabled": true,
"_normalMaterial": null, "_normalMaterial": null,
...@@ -3255,7 +3218,7 @@ ...@@ -3255,7 +3218,7 @@
"zoomScale": 1.2, "zoomScale": 1.2,
"clickEvents": [ "clickEvents": [
{ {
"__id__": 74 "__id__": 73
} }
], ],
"_N$interactable": true, "_N$interactable": true,
...@@ -3333,11 +3296,11 @@ ...@@ -3333,11 +3296,11 @@
"_enabled": true, "_enabled": true,
"alignMode": 1, "alignMode": 1,
"_target": null, "_target": null,
"_alignFlags": 44, "_alignFlags": 0,
"_left": 556.696000000001, "_left": 1245.196,
"_right": -13.69599999999906, "_right": 674.8039999999999,
"_top": 0, "_top": 0,
"_bottom": 226.048, "_bottom": 167.90800000000002,
"_verticalCenter": 0, "_verticalCenter": 0,
"_horizontalCenter": 0, "_horizontalCenter": 0,
"_isAbsLeft": true, "_isAbsLeft": true,
...@@ -3351,79 +3314,1527 @@ ...@@ -3351,79 +3314,1527 @@
"_id": "f5gcAGvK9KippwSm0/nY0t" "_id": "f5gcAGvK9KippwSm0/nY0t"
}, },
{ {
"__type__": "cc.Canvas", "__type__": "cc.Node",
"_name": "", "_name": "videolist",
"_objFlags": 0, "_objFlags": 0,
"node": { "_parent": {
"__id__": 2 "__id__": 2
}, },
"_enabled": true, "_children": [
"_designResolution": { {
"__id__": 76
}
],
"_active": true,
"_components": [
{
"__id__": 103
},
{
"__id__": 104
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size", "__type__": "cc.Size",
"width": 1920, "width": 500,
"height": 1080 "height": 750
}, },
"_fitWidth": true, "_anchorPoint": {
"_fitHeight": true, "__type__": "cc.Vec2",
"_id": "6f5cteKmlPh6NGUsUqxlFR" "x": 0.5,
}, "y": 0.5
{
"__type__": "cc.Widget",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 2
}, },
"_enabled": true, "_trs": {
"alignMode": 2, "__type__": "TypedArray",
"_target": null, "ctor": "Float64Array",
"_alignFlags": 45, "array": [
"_left": 0, -633.274,
"_right": 0, -50.073,
"_top": 0, 0,
"_bottom": 0, 0,
"_verticalCenter": 0, 0,
"_horizontalCenter": 0, 0,
"_isAbsLeft": true, 1,
"_isAbsRight": true, 1,
"_isAbsTop": true, 1,
"_isAbsBottom": true, 1
"_isAbsHorizontalCenter": true, ]
"_isAbsVerticalCenter": true, },
"_originalWidth": 0, "_eulerAngles": {
"_originalHeight": 0, "__type__": "cc.Vec3",
"_id": "3aGHhg8GxDqaSSUE0Vt7it" "x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "4dx4NEKutD5IEvaw0RAGN9"
}, },
{ {
"__type__": "280c3rsZJJKnZ9RqbALVwtK", "__type__": "cc.Node",
"_name": "", "_name": "view",
"_objFlags": 0, "_objFlags": 0,
"node": { "_parent": {
"__id__": 2 "__id__": 75
}, },
"_enabled": true, "_children": [
"videoPlayer": { {
"__id__": 6 "__id__": 77
}
],
"_active": true,
"_components": [
{
"__id__": 102
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 500,
"height": 750
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
0,
0,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "53hE6MrwRGqLFgQ8v3EGdN"
},
{
"__type__": "cc.Node",
"_name": "content",
"_objFlags": 0,
"_parent": {
"__id__": 76
},
"_children": [
{
"__id__": 78
}
],
"_active": true,
"_components": [
{
"__id__": 101
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 500,
"height": 0
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 1
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
0,
323.746,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "9dDJWzw9hAzpdVHI+CO+QG"
},
{
"__type__": "cc.Node",
"_name": "item",
"_objFlags": 0,
"_parent": {
"__id__": 77
},
"_children": [
{
"__id__": 79
},
{
"__id__": 87
},
{
"__id__": 97
}
],
"_active": false,
"_components": [
{
"__id__": 99
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 0,
"g": 0,
"b": 0,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 445,
"height": 273
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-17.5,
-146.5,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "c5zQU4UChDJp+kX1ZNaKv9"
},
{
"__type__": "cc.Node",
"_name": "item",
"_objFlags": 0,
"_parent": {
"__id__": 78
},
"_children": [
{
"__id__": 80
},
{
"__id__": 82
},
{
"__id__": 84
}
],
"_active": true,
"_components": [
{
"__id__": 86
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 445,
"height": 273
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
0,
0,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "d0yMVP9jxBgLf5TWkbMLTN"
},
{
"__type__": "cc.Node",
"_name": "cover_bg",
"_objFlags": 0,
"_parent": {
"__id__": 79
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 81
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 239,
"g": 247,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 234,
"height": 134
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-52.12,
31.437,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "15rR7JMJlLTKl37ga1rdHs"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 80
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_spriteFrame": {
"__uuid__": "a23235d1-15db-4b95-8439-a2e005bfff91"
},
"_type": 0,
"_sizeMode": 0,
"_fillType": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_atlas": null,
"_id": "7asC5nmFNDDIrdP/trD+57"
},
{
"__type__": "cc.Node",
"_name": "num",
"_objFlags": 0,
"_parent": {
"__id__": 79
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 83
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 181,
"g": 186,
"b": 191,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 36.04,
"height": 45.36
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
114.643,
14.913,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "a6SBB8aj9CAZbbzxKJ+pBP"
},
{
"__type__": "cc.Label",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 82
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_string": "01",
"_N$string": "01",
"_fontSize": 36,
"_lineHeight": 36,
"_enableWrapText": true,
"_N$file": {
"__uuid__": "aa4ea06d-7e3c-48a4-82e6-c8e0aff48c90"
},
"_isSystemFontUsed": false,
"_spacingX": 0,
"_batchAsBitmap": false,
"_styleFlags": 0,
"_underlineHeight": 0,
"_N$horizontalAlign": 1,
"_N$verticalAlign": 1,
"_N$fontFamily": "Arial",
"_N$overflow": 0,
"_N$cacheMode": 0,
"_id": "49thN3gEBMTo3IL3geBxfU"
},
{
"__type__": "cc.Node",
"_name": "title",
"_objFlags": 0,
"_parent": {
"__id__": 79
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 85
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 181,
"g": 186,
"b": 191,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 356,
"height": 30.24
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-183.352,
-65.078,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "b4n1JbWWlKpLj2Y5zHzFkn"
},
{
"__type__": "cc.Label",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 84
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_string": "Label",
"_N$string": "Label",
"_fontSize": 24,
"_lineHeight": 24,
"_enableWrapText": false,
"_N$file": {
"__uuid__": "aa4ea06d-7e3c-48a4-82e6-c8e0aff48c90"
},
"_isSystemFontUsed": false,
"_spacingX": 0,
"_batchAsBitmap": false,
"_styleFlags": 0,
"_underlineHeight": 0,
"_N$horizontalAlign": 0,
"_N$verticalAlign": 1,
"_N$fontFamily": "Arial",
"_N$overflow": 1,
"_N$cacheMode": 0,
"_id": "37bc4AjppOA5kchoTpsrpO"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 79
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_spriteFrame": {
"__uuid__": "5bbe3073-7cf6-4bd1-9c35-86aa20a91494"
},
"_type": 0,
"_sizeMode": 1,
"_fillType": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_atlas": null,
"_id": "9fHtZ8mYNKKpyDmDTLThRj"
},
{
"__type__": "cc.Node",
"_name": "item_active",
"_objFlags": 0,
"_parent": {
"__id__": 78
},
"_children": [
{
"__id__": 88
},
{
"__id__": 90
},
{
"__id__": 92
},
{
"__id__": 94
}
],
"_active": false,
"_components": [
{
"__id__": 96
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 445,
"height": 273
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
0,
0,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "dcj8u8SWhNQZnGZQPoEhMB"
},
{
"__type__": "cc.Node",
"_name": "cover_bg",
"_objFlags": 0,
"_parent": {
"__id__": 87
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 89
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 234,
"height": 134
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-52.12,
31.437,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "d0zLPxEr1KGqReyiZaU5/o"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 88
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_spriteFrame": {
"__uuid__": "a23235d1-15db-4b95-8439-a2e005bfff91"
},
"_type": 0,
"_sizeMode": 0,
"_fillType": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_atlas": null,
"_id": "f9+h4mcRhKdLxXSc+DC5ry"
},
{
"__type__": "cc.Node",
"_name": "num",
"_objFlags": 0,
"_parent": {
"__id__": 87
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 91
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 168,
"g": 214,
"b": 250,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 36.04,
"height": 45.36
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
114.643,
14.913,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "47al20dUpPGoVIgh6cq97h"
},
{
"__type__": "cc.Label",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 90
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_string": "01",
"_N$string": "01",
"_fontSize": 36,
"_lineHeight": 36,
"_enableWrapText": true,
"_N$file": {
"__uuid__": "aa4ea06d-7e3c-48a4-82e6-c8e0aff48c90"
},
"_isSystemFontUsed": false,
"_spacingX": 0,
"_batchAsBitmap": false,
"_styleFlags": 0,
"_underlineHeight": 0,
"_N$horizontalAlign": 1,
"_N$verticalAlign": 1,
"_N$fontFamily": "Arial",
"_N$overflow": 0,
"_N$cacheMode": 0,
"_id": "ccsuqbO8hISri+hAtbQFoh"
},
{
"__type__": "cc.Node",
"_name": "img_audio_ske",
"_objFlags": 0,
"_parent": {
"__id__": 87
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 93
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 55,
"height": 42
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
135.149,
96.002,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "bdgLEeJqZCo76ofH0Cm00w"
},
{
"__type__": "dragonBones.ArmatureDisplay",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 92
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_armatureName": "armatureName",
"_animationName": "newAnimation",
"_preCacheMode": 0,
"_cacheMode": 0,
"playTimes": 0,
"premultipliedAlpha": false,
"_armatureKey": "e0b19bd2-9adc-4f60-8a47-028b69ed67d2#b53f4b5c-4a0b-4ea7-a795-7db518a4acd9",
"_accTime": 0,
"_playCount": 0,
"_frameCache": null,
"_curFrame": null,
"_playing": false,
"_armatureCache": null,
"_N$dragonAsset": {
"__uuid__": "e0b19bd2-9adc-4f60-8a47-028b69ed67d2"
},
"_N$dragonAtlasAsset": {
"__uuid__": "b53f4b5c-4a0b-4ea7-a795-7db518a4acd9"
},
"_N$_defaultArmatureIndex": 0,
"_N$_animationIndex": 1,
"_N$_defaultCacheMode": 0,
"_N$timeScale": 1,
"_N$debugBones": false,
"_N$enableBatch": false,
"_id": "63TmksNUBET6vOJ5+Dnm4o"
},
{
"__type__": "cc.Node",
"_name": "title",
"_objFlags": 0,
"_parent": {
"__id__": 87
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 95
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 239,
"g": 247,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 356,
"height": 30.24
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-183.352,
-65.078,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "73NJVbPaNINrGH+TElb26L"
},
{
"__type__": "cc.Label",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 94
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_string": "Label",
"_N$string": "Label",
"_fontSize": 24,
"_lineHeight": 24,
"_enableWrapText": false,
"_N$file": {
"__uuid__": "aa4ea06d-7e3c-48a4-82e6-c8e0aff48c90"
},
"_isSystemFontUsed": false,
"_spacingX": 0,
"_batchAsBitmap": false,
"_styleFlags": 0,
"_underlineHeight": 0,
"_N$horizontalAlign": 0,
"_N$verticalAlign": 1,
"_N$fontFamily": "Arial",
"_N$overflow": 1,
"_N$cacheMode": 0,
"_id": "b9pFzuALxG9pmE6T4MwY01"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 87
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_spriteFrame": {
"__uuid__": "1011ff3e-19c6-4166-8d4e-784591f449fa"
},
"_type": 0,
"_sizeMode": 1,
"_fillType": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_atlas": null,
"_id": "1b/uepNN9I2YILr6OvTwu/"
},
{
"__type__": "cc.Node",
"_name": "cover",
"_objFlags": 0,
"_parent": {
"__id__": 78
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 98
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 226,
"height": 126
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_trs": {
"__type__": "TypedArray",
"ctor": "Float64Array",
"array": [
-51.909,
30.674,
0,
0,
0,
0,
1,
1,
1,
1
]
},
"_eulerAngles": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_skewX": 0,
"_skewY": 0,
"_is3DNode": false,
"_groupIndex": 0,
"groupIndex": 0,
"_id": "31F1AfaStBxp9inZKiislW"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 97
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_spriteFrame": {
"__uuid__": "0b4b9901-b33f-486d-896a-b5f6da037535"
},
"_type": 0,
"_sizeMode": 0,
"_fillType": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_atlas": null,
"_id": "ffdA4Qs3NIZIM7lBMuqzC7"
},
{
"__type__": "cc.Button",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 78
},
"_enabled": true,
"_normalMaterial": null,
"_grayMaterial": null,
"duration": 0.1,
"zoomScale": 1.2,
"clickEvents": [
{
"__id__": 100
}
],
"_N$interactable": true,
"_N$enableAutoGrayEffect": false,
"_N$transition": 0,
"transition": 0,
"_N$normalColor": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_N$pressedColor": {
"__type__": "cc.Color",
"r": 211,
"g": 211,
"b": 211,
"a": 255
},
"pressedColor": {
"__type__": "cc.Color",
"r": 211,
"g": 211,
"b": 211,
"a": 255
},
"_N$hoverColor": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"hoverColor": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_N$disabledColor": {
"__type__": "cc.Color",
"r": 124,
"g": 124,
"b": 124,
"a": 255
},
"_N$normalSprite": null,
"_N$pressedSprite": null,
"pressedSprite": null,
"_N$hoverSprite": null,
"hoverSprite": null,
"_N$disabledSprite": null,
"_N$target": {
"__id__": 78
},
"_id": "3dj3ADC/hLFruCaVj3/4i+"
},
{
"__type__": "cc.ClickEvent",
"target": {
"__id__": 2
},
"component": "",
"_componentId": "280c3rsZJJKnZ9RqbALVwtK",
"handler": "clickVideoItem",
"customEventData": ""
},
{
"__type__": "cc.Layout",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 77
},
"_enabled": true,
"_layoutSize": {
"__type__": "cc.Size",
"width": 500,
"height": 0
},
"_resize": 1,
"_N$layoutType": 3,
"_N$cellSize": {
"__type__": "cc.Size",
"width": 40,
"height": 40
},
"_N$startAxis": 0,
"_N$paddingLeft": 10,
"_N$paddingRight": 10,
"_N$paddingTop": 10,
"_N$paddingBottom": 10,
"_N$spacingX": 10,
"_N$spacingY": 10,
"_N$verticalDirection": 1,
"_N$horizontalDirection": 0,
"_N$affectedByScale": false,
"_id": "598tqA/MxFA5z4xuL+Hc4a"
},
{
"__type__": "cc.Mask",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 76
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_spriteFrame": null,
"_type": 0,
"_segments": 64,
"_N$alphaThreshold": 0,
"_N$inverted": false,
"_id": "5eCRCwV5pMlJjOo6ZwVY7S"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 75
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 770,
"_dstBlendFactor": 771,
"_spriteFrame": null,
"_type": 1,
"_sizeMode": 0,
"_fillType": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_atlas": null,
"_id": "bbu8c103hMmou07G5RJFsW"
},
{
"__type__": "cc.ScrollView",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 75
},
"_enabled": true,
"horizontal": false,
"vertical": true,
"inertia": true,
"brake": 0.75,
"elastic": true,
"bounceDuration": 0.23,
"scrollEvents": [],
"cancelInnerEvents": true,
"_N$content": {
"__id__": 77
},
"content": {
"__id__": 77
},
"_N$horizontalScrollBar": null,
"_N$verticalScrollBar": null,
"_id": "3cQSEK+wRMF6zytZxgazP+"
},
{
"__type__": "cc.Canvas",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 2
},
"_enabled": true,
"_designResolution": {
"__type__": "cc.Size",
"width": 1920,
"height": 1080
},
"_fitWidth": true,
"_fitHeight": true,
"_id": "6f5cteKmlPh6NGUsUqxlFR"
},
{
"__type__": "cc.Widget",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 2
},
"_enabled": true,
"alignMode": 2,
"_target": null,
"_alignFlags": 45,
"_left": 0,
"_right": 0,
"_top": 0,
"_bottom": 0,
"_verticalCenter": 0,
"_horizontalCenter": 0,
"_isAbsLeft": true,
"_isAbsRight": true,
"_isAbsTop": true,
"_isAbsBottom": true,
"_isAbsHorizontalCenter": true,
"_isAbsVerticalCenter": true,
"_originalWidth": 0,
"_originalHeight": 0,
"_id": "3aGHhg8GxDqaSSUE0Vt7it"
},
{
"__type__": "280c3rsZJJKnZ9RqbALVwtK",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 2
},
"_enabled": true,
"videoPlayer": {
"__id__": 6
}, },
"ProgressBar": { "ProgressBar": {
"__id__": 29 "__id__": 29
}, },
"playButton": { "playButton": {
"__id__": 39 "__id__": 38
}, },
"pauseButton": { "pauseButton": {
"__id__": 45 "__id__": 44
}, },
"restartButton": { "restartButton": {
"__id__": 51 "__id__": 50
}, },
"backButton": null, "backButton": null,
"forwardButton": null, "forwardButton": null,
"durationLabel": { "durationLabel": {
"__id__": 59 "__id__": 58
}, },
"currentTimeLabel": { "currentTimeLabel": {
"__id__": 55 "__id__": 54
}, },
"barTag": { "barTag": {
"__id__": 31 "__id__": 31
......
...@@ -152,19 +152,10 @@ cc.Class({ ...@@ -152,19 +152,10 @@ cc.Class({
cc.find('Canvas/video_node/bg').scale = this._mapScaleMax; cc.find('Canvas/video_node/bg').scale = this._mapScaleMax;
this._isReadyToPlay = false; this._isReadyToPlay = false;
window['vv'] = this;
this.videoPlayer.getImpl = function() {
return this._impl;
}
cc.macro.ENABLE_TRANSPARENT_CANVAS = true; cc.macro.ENABLE_TRANSPARENT_CANVAS = true;
this.videoPlayer.node.on('ready-to-play', () => { this.videoPlayer.node.on('ready-to-play', () => {
console.log('ready-to-play'); console.log('ready-to-play');
if (window && window["air"]) {
window["air"].hideAirClassLoading();
}
this.playButton.active = true; this.playButton.active = true;
}); });
this.videoPlayer.node.on('meta-loaded', () => { this.videoPlayer.node.on('meta-loaded', () => {
...@@ -172,7 +163,7 @@ cc.Class({ ...@@ -172,7 +163,7 @@ cc.Class({
this._isReadyToPlay = true; this._isReadyToPlay = true;
this.durationLabel.string = this.formatTime(this.videoPlayer.getDuration()); this.durationLabel.string = this.formatTime(this.videoPlayer.getDuration());
// this.videoPlayer.resume(); // this.videoPlayer.resume();
this.videoPlayer.stop(); this.videoPlayer.play();
}); });
this.videoPlayer.node.on('clicked', () => { this.videoPlayer.node.on('clicked', () => {
console.log('clicked'); console.log('clicked');
...@@ -242,123 +233,92 @@ cc.Class({ ...@@ -242,123 +233,92 @@ cc.Class({
const maxX = this.ProgressBar.width; const maxX = this.ProgressBar.width;
const minX = 0; const minX = 0;
this.barTag.off(cc.Node.EventType.TOUCH_START); this.barTag.off(cc.Node.EventType.TOUCH_START);
this.barTag.on(cc.Node.EventType.TOUCH_START, (e) => { this.barTag.on(cc.Node.EventType.TOUCH_START, (e) => {
if (!this._isReadyToPlay) {
return;
}
console.log("TOUCH_START"); console.log("TOUCH_START");
this.userDragStart = true;
this.triggerInteractive()
}); });
this.barTag.off(cc.Node.EventType.TOUCH_MOVE); this.barTag.off(cc.Node.EventType.TOUCH_MOVE);
this.barTag.on(cc.Node.EventType.TOUCH_MOVE,(e) => { this.barTag.on(cc.Node.EventType.TOUCH_MOVE,(e) => {
console.log("TOUCH_MOVE"); if (!this._isReadyToPlay) {
var delta = e.getDelta(); return;
let newX = this.barTag.x+delta.x; }
const worldPos = e.getLocation();
const localPos = this.barTag.parent.convertToNodeSpaceAR(worldPos);
let newX = localPos.x;
newX = Math.min(maxX, Math.max(newX, minX)); newX = Math.min(maxX, Math.max(newX, minX));
this.barTag.x = newX; this.barTag.x = newX;
const percent = newX / maxX; const percent = newX / maxX;
const dur = this.videoPlayer.getDuration(); const dur = this.videoPlayer.getDuration();
this.currentTimeLabel.string = this.formatTime(percent * dur ); this.currentTimeLabel.string = this.formatTime(percent * dur );
this.triggerInteractive() this.videoPlayer.currentTime = percent * dur;
}); });
this.barTag.off(cc.Node.EventType.TOUCH_ENDED); this.barTag.off(cc.Node.EventType.TOUCH_ENDED);
this.barTag.on(cc.Node.EventType.TOUCH_ENDED, (e) => { this.barTag.on(cc.Node.EventType.TOUCH_ENDED, (e) => {
if (!this._isReadyToPlay) {
return;
}
console.log("TOUCH_ENDED"); console.log("TOUCH_ENDED");
this.userDragStart = false;
this.updateBarByPos(this.barTag.x); this.updateBarByPos(this.barTag.x);
this.triggerInteractive()
}); });
this.barTag.on(cc.Node.EventType.MOUSE_UP, (e) => { this.barTag.on(cc.Node.EventType.MOUSE_UP, (e) => {
if (!this._isReadyToPlay) {
return;
}
console.log("MOUSE_UP"); console.log("MOUSE_UP");
this.userDragStart = false;
this.updateBarByPos(this.barTag.x); this.updateBarByPos(this.barTag.x);
this.triggerInteractive()
});
this.barTag.off(cc.Node.EventType.TOUCH_CANCEL);
this.barTag.on(cc.Node.EventType.TOUCH_CANCEL, (e) => {
console.log("TOUCH_CANCEL");
this.userDragStart = false;
this.updateBarByPos(this.barTag.x);
this.triggerInteractive()
});
// this.ProgressBar.off(cc.Node.EventType.TOUCH_START);
// this.ProgressBar.on(cc.Node.EventType.TOUCH_START, (e) => {
// console.log("==ProgressBar TOUCH_START==");
// const pos = e.getLocation();
// const pPos = this.ProgressBar.convertToNodeSpaceAR(pos);
// const newX = Math.min(maxX, Math.max(pPos.x, minX));
// this.updateBarByPos(newX);
// // console.log("ProgressBar TOUCH_START", newX);
// });
// this.videoPlayer.node.off(cc.Node.EventType.TOUCH_START);
// this.videoPlayer.node.on(cc.Node.EventType.TOUCH_START, (e) => {
// console.log("screen TOUCH_START");
// this.triggerInteractive()
// });
const pgBar = this.ProgressBar;
this.tw = new (function(){
this._tw = cc.tween(pgBar).delay(3).to(.6, {
opacity: 255
}).call(() => {
console.log('This is a callback');
this.running = false;
// this.displayed = false;
// this.tw.stop();
// this.tw.removeSelf()
// this.tw = null;
}),
this.running = false;
this.displayed = true;
this.start = () => {
this.running = true;
this.displayed = false;
pgBar.opacity = 255;
this._tw.start();
}
this.stop = () => {
this.running = false;
this.displayed = true;
this._tw.stop();
pgBar.opacity = 255;
}
}); });
}, },
async initView() { async initView() {
const videoListContent = cc.find(`Canvas/videolist/view/content`);
const templateItem = cc.find(`item`, videoListContent);
for (let i = 0; i < this.data.dataArr.length; i++) {
const row = this.data.dataArr[i];
const itemClone = cc.instantiate(templateItem);
itemClone.parent = videoListContent;
itemClone.active = true;
const spriteFrame = await asyncGetSpriteFrimeByUrl(row.cover);
const picNode = cc.find(`cover`, itemClone);
picNode.getComponent(cc.Sprite).spriteFrame = spriteFrame;
const sx = 226 / picNode.width;
const sy = 126 / picNode.height;
picNode.scale = Math.min(sx, sy);
cc.find(`item_active/title`, itemClone).getComponent(cc.Label).string = row.title;
cc.find(`item/title`, itemClone).getComponent(cc.Label).string = row.title;
cc.find(`item_active/num`, itemClone).getComponent(cc.Label).string = (i+1>9?(i+1):`0${i+1}`);
cc.find(`item/num`, itemClone).getComponent(cc.Label).string = (i+1>9?(i+1):`0${i+1}`);
itemClone.attr({video_url: row.video_url});
}
},
cc.find(`Canvas/bg_title/title`).getComponent(cc.Label).string = this.data.title; showTips(tips) {
const middleLayer = cc.find('middleLayer')?.getComponent('middleLayer');
// 提示音频和动画 if (middleLayer) {
if (this.data.tipSwitch == 1) { middleLayer.showTips(tips);
const animBg = cc.find("Canvas/animBg"); } else {
const animNode = cc.find("Canvas/animNode"); console.log(tips);
animBg.active = true; }
animNode.active = true; },
await asyncLoadDragonBoneAnime(animNode, { // 选择视频播放
skeJsonData: this.data.imgAni.ske, async clickVideoItem(evt) {
texJsonData: this.data.imgAni.tex, this._isReadyToPlay = false;
texPngData: this.data.imgAni.png const item = evt.currentTarget;
}); if (!item.video_url) {
this.showTips("视频不存在");
const animaNode = animNode['animaNode']; return;
animaNode.x = 500;
const db = animaNode.getComponent(dragonBones.ArmatureDisplay);
const anis = db.getAnimationNames(db.armatureName);
db.playAnimation(anis[0], 0);
cc.tween(animaNode).by(1, { x: -500 }).call(() => {
playAudioByUrl(this.data.audio, ()=>{
cc.tween(animaNode).delay(1).by(1, { x: 500 }).call(()=>{
animBg.active = false;
animNode.active = false;
}).start();
});
}).start();
} }
cc.find(`Canvas/videolist/view/content`).children.forEach(row => {
cc.find(`item_active`, row).active = false;
});
this.initListener(); cc.find(`item_active`, item).active = true;
}, this.videoPlayer.remoteURL = item.video_url;
},
start() { start() {
let getData = this.getData.bind(this); let getData = this.getData.bind(this);
...@@ -369,38 +329,26 @@ cc.Class({ ...@@ -369,38 +329,26 @@ cc.Class({
getData(async (data) => { getData(async (data) => {
console.log('data:', JSON.stringify(data)); console.log('data:', JSON.stringify(data));
this.data = data || this.getDefaultData(); this.data = data || this.getDefaultData();
// this.getVideoUrl(videoUrl => {
// this.data.video_url = videoUrl;
this.videoPlayer.remoteURL = this.data.video_url;
// });
await this.initView(); await this.initView();
if (window && window["air"]) {
window["air"].hideAirClassLoading();
}
}); });
if(window.CustomEvent){ if(window.CustomEvent){
window.dispatchEvent(new CustomEvent('resize'), true) window.dispatchEvent(new CustomEvent('resize'), true)
} }
}, this.initListener();
triggerInteractive() {
this.tw.stop();
this.ProgressBar.opacity = 255;
this.tw.start();
},
checkProgressBarStatus() {
if (this.videoPlayer.isPlaying()) {
if (this.tw.displayed) {
this.tw.start();
}
} else {
this.tw.stop();
this.ProgressBar.opacity = 255
}
}, },
updateBarByPos(newX) { updateBarByPos(newX) {
const maxX = this.ProgressBar.width; const maxX = this.ProgressBar.width;
const minX = 0; const minX = 0;
const percent = newX / maxX; const percent = newX / maxX;
// console.log(newX, percent); if (percent > 1) {
percent = 1
}
const dur = this.videoPlayer.getDuration(); const dur = this.videoPlayer.getDuration();
this.videoPlayer.currentTime = percent * dur this.videoPlayer.currentTime = percent * dur
}, },
...@@ -411,13 +359,15 @@ cc.Class({ ...@@ -411,13 +359,15 @@ cc.Class({
this.currentTimeLabel.string = this.formatTime(ct); this.currentTimeLabel.string = this.formatTime(ct);
const dur = this.videoPlayer.getDuration(); const dur = this.videoPlayer.getDuration();
const percent = ct / dur; const percent = ct / dur;
if (percent > 1) {
percent = 1
}
this.ProgressBar.getComponent(cc.ProgressBar).progress = percent;
const maxX = this.ProgressBar.width; const maxX = this.ProgressBar.width;
const minX = 0; const minX = 0;
let newX = percent * maxX; let newX = percent * maxX;
newX = Math.min(maxX, Math.max(newX, minX)); newX = Math.min(maxX, Math.max(newX, minX));
this.barTag.x = newX>=(maxX-90)?(maxX-90):(newX-15); this.barTag.x = newX;
this.bar.width = newX;
this.bar.x = 0 - (maxX / 2);
}, },
formatTime(time) { formatTime(time) {
if (time === undefined) { if (time === undefined) {
...@@ -451,6 +401,9 @@ cc.Class({ ...@@ -451,6 +401,9 @@ cc.Class({
}, },
play(){ play(){
if (!this._isReadyToPlay) {
return;
}
const {width, height} = cc.find(`Canvas/bg`); const {width, height} = cc.find(`Canvas/bg`);
cc.find(`Canvas/Controls/ProgressBar/text_tips_left`).active = false; cc.find(`Canvas/Controls/ProgressBar/text_tips_left`).active = false;
cc.find(`Canvas/bg`).active = false; cc.find(`Canvas/bg`).active = false;
...@@ -463,26 +416,18 @@ cc.Class({ ...@@ -463,26 +416,18 @@ cc.Class({
this.videoPlayer.node.y = 0; this.videoPlayer.node.y = 0;
// this.videoPlayer.node.active = true; // this.videoPlayer.node.active = true;
this.videoPlayer.play(); this.videoPlayer.play();
this.triggerInteractive()
}, },
pause(){ pause(){
this.videoPlayer.pause(); this.videoPlayer.pause();
this.triggerInteractive()
}, },
forward(){ forward(){
this.videoPlayer.currentTime =this.videoPlayer.getImpl().currentTime() + 5;
this.triggerInteractive()
}, },
backward(){ backward(){
this.videoPlayer.currentTime = this.videoPlayer.getImpl().currentTime() - 5;
this.triggerInteractive()
}, },
replay(){ replay(){
this._isPlayComplated = false; this._isPlayComplated = false;
this.videoPlayer.currentTime = 0; this.videoPlayer.currentTime = 0;
this.videoPlayer.play(); this.videoPlayer.play();
this.triggerInteractive();
}, },
playLocalAudio(audioName) { playLocalAudio(audioName) {
...@@ -550,21 +495,18 @@ cc.Class({ ...@@ -550,21 +495,18 @@ cc.Class({
// called every frame // called every frame
update: function (dt) { update: function (dt) {
// if (this._isReadyToPlay) { if (!this._isReadyToPlay) {
// const ct = this.videoPlayer.currentTime return;
}
// }
// if (this.wardState && this.videoPlayer.isPlaying()) { // if (this.wardState && this.videoPlayer.isPlaying()) {
// this.wardState = false; // this.wardState = false;
// this.pause(); // this.pause();
// } // }
if (this.videoPlayer) { if (this.videoPlayer) {
// console.log(this.userDragStart); const ct = this.videoPlayer.currentTime;
if (!this.userDragStart) { if (ct) {
const ct = this.videoPlayer.getImpl().currentTime(); this.updateBarByTime(ct);
this.updateBarByTime(ct); }
}
this.checkProgressBarStatus();
if (this.videoPlayer.isPlaying()) { if (this.videoPlayer.isPlaying()) {
if (this.playButton.node.active) { if (this.playButton.node.active) {
this.playButton.node.active = false; this.playButton.node.active = false;
......
...@@ -3,12 +3,12 @@ ...@@ -3,12 +3,12 @@
export const defaultData = { export const defaultData = {
"dataArr": [ "dataArr": [
{ {
"title": "111", "title": "The Old Man",
"cover": "http://staging-teach.cdn.ireadabc.com/c8abf7383d65bcbdba8f390785cece60.png", "cover": "http://staging-teach.cdn.ireadabc.com/c8abf7383d65bcbdba8f390785cece60.png",
"video_url": "http://staging-teach.cdn.ireadabc.com/c37a3945121274a1f7d95717327539ec.mp4" "video_url": "http://staging-teach.cdn.ireadabc.com/c37a3945121274a1f7d95717327539ec.mp4"
}, },
{ {
"title": "222", "title": "Where has my little dog gone",
"cover": "http://staging-teach.cdn.ireadabc.com/f6f4bbef497409fef3c8f1d375893829.png", "cover": "http://staging-teach.cdn.ireadabc.com/f6f4bbef497409fef3c8f1d375893829.png",
"video_url": "http://staging-teach.cdn.ireadabc.com/d9df7ef1ba8d7e20613e83984d2d7b9a.mp4" "video_url": "http://staging-teach.cdn.ireadabc.com/d9df7ef1ba8d7e20613e83984d2d7b9a.mp4"
} }
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
"premultiplyAlpha": false, "premultiplyAlpha": false,
"genMipmaps": false, "genMipmaps": false,
"packable": true, "packable": true,
"width": 1123, "width": 1259,
"height": 98, "height": 98,
"platformSettings": {}, "platformSettings": {},
"subMetas": { "subMetas": {
...@@ -22,9 +22,9 @@ ...@@ -22,9 +22,9 @@
"offsetY": 0, "offsetY": 0,
"trimX": 0, "trimX": 0,
"trimY": 0, "trimY": 0,
"width": 1123, "width": 1259,
"height": 98, "height": 98,
"rawWidth": 1123, "rawWidth": 1259,
"rawHeight": 98, "rawHeight": 98,
"borderTop": 0, "borderTop": 0,
"borderBottom": 0, "borderBottom": 0,
......
...@@ -22,10 +22,10 @@ ...@@ -22,10 +22,10 @@
"offsetY": 0, "offsetY": 0,
"trimX": 0, "trimX": 0,
"trimY": 0, "trimY": 0,
"width": 1187, "width": 1320,
"height": 694, "height": 776,
"rawWidth": 1187, "rawWidth": 1320,
"rawHeight": 694, "rawHeight": 776,
"borderTop": 0, "borderTop": 0,
"borderBottom": 0, "borderBottom": 0,
"borderLeft": 0, "borderLeft": 0,
......
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
"premultiplyAlpha": false, "premultiplyAlpha": false,
"genMipmaps": false, "genMipmaps": false,
"packable": true, "packable": true,
"width": 257, "width": 1320,
"height": 177, "height": 776,
"platformSettings": {}, "platformSettings": {},
"subMetas": { "subMetas": {
"empty_white": { "empty_white": {
......
{
"ver": "2.3.5",
"uuid": "c1f665d8-ee6a-4a48-97d3-934771b86628",
"type": "sprite",
"wrapMode": "clamp",
"filterMode": "bilinear",
"premultiplyAlpha": false,
"genMipmaps": false,
"packable": true,
"width": 226,
"height": 126,
"platformSettings": {},
"subMetas": {
"example": {
"ver": "1.0.4",
"uuid": "0b4b9901-b33f-486d-896a-b5f6da037535",
"rawTextureUuid": "c1f665d8-ee6a-4a48-97d3-934771b86628",
"trimType": "auto",
"trimThreshold": 1,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 0,
"trimY": 0,
"width": 226,
"height": 126,
"rawWidth": 226,
"rawHeight": 126,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 0,
"borderRight": 0,
"subMetas": {}
}
}
}
\ No newline at end of file
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
"premultiplyAlpha": false, "premultiplyAlpha": false,
"genMipmaps": false, "genMipmaps": false,
"packable": true, "packable": true,
"width": 64, "width": 55,
"height": 64, "height": 55,
"platformSettings": {}, "platformSettings": {},
"subMetas": { "subMetas": {
"exitfull": { "exitfull": {
...@@ -20,12 +20,12 @@ ...@@ -20,12 +20,12 @@
"rotated": false, "rotated": false,
"offsetX": 0, "offsetX": 0,
"offsetY": 0, "offsetY": 0,
"trimX": 1, "trimX": 0,
"trimY": 1, "trimY": 0,
"width": 62, "width": 55,
"height": 62, "height": 55,
"rawWidth": 64, "rawWidth": 55,
"rawHeight": 64, "rawHeight": 55,
"borderTop": 0, "borderTop": 0,
"borderBottom": 0, "borderBottom": 0,
"borderLeft": 0, "borderLeft": 0,
......
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
"premultiplyAlpha": false, "premultiplyAlpha": false,
"genMipmaps": false, "genMipmaps": false,
"packable": true, "packable": true,
"width": 64, "width": 55,
"height": 64, "height": 55,
"platformSettings": {}, "platformSettings": {},
"subMetas": { "subMetas": {
"fullscreen": { "fullscreen": {
...@@ -22,10 +22,10 @@ ...@@ -22,10 +22,10 @@
"offsetY": 0, "offsetY": 0,
"trimX": 0, "trimX": 0,
"trimY": 0, "trimY": 0,
"width": 64, "width": 55,
"height": 64, "height": 55,
"rawWidth": 64, "rawWidth": 55,
"rawHeight": 64, "rawHeight": 55,
"borderTop": 0, "borderTop": 0,
"borderBottom": 0, "borderBottom": 0,
"borderLeft": 0, "borderLeft": 0,
......
{
"ver": "2.3.5",
"uuid": "603032f0-5d56-49f6-a965-c8609a9a761c",
"type": "sprite",
"wrapMode": "clamp",
"filterMode": "bilinear",
"premultiplyAlpha": false,
"genMipmaps": false,
"packable": true,
"width": 445,
"height": 273,
"platformSettings": {},
"subMetas": {
"item": {
"ver": "1.0.4",
"uuid": "5bbe3073-7cf6-4bd1-9c35-86aa20a91494",
"rawTextureUuid": "603032f0-5d56-49f6-a965-c8609a9a761c",
"trimType": "auto",
"trimThreshold": 1,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 0,
"trimY": 0,
"width": 445,
"height": 273,
"rawWidth": 445,
"rawHeight": 273,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 0,
"borderRight": 0,
"subMetas": {}
}
}
}
\ No newline at end of file
{
"ver": "2.3.5",
"uuid": "3b6fb7c6-5c32-42e1-b7ab-744c5d6d753e",
"type": "sprite",
"wrapMode": "clamp",
"filterMode": "bilinear",
"premultiplyAlpha": false,
"genMipmaps": false,
"packable": true,
"width": 445,
"height": 273,
"platformSettings": {},
"subMetas": {
"item_active": {
"ver": "1.0.4",
"uuid": "1011ff3e-19c6-4166-8d4e-784591f449fa",
"rawTextureUuid": "3b6fb7c6-5c32-42e1-b7ab-744c5d6d753e",
"trimType": "auto",
"trimThreshold": 1,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 0,
"trimY": 0,
"width": 445,
"height": 273,
"rawWidth": 445,
"rawHeight": 273,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 0,
"borderRight": 0,
"subMetas": {}
}
}
}
\ No newline at end of file
assets/dg_video/Texture/video/process.png

274 Bytes | W: | H:

assets/dg_video/Texture/video/process.png

251 Bytes | W: | H:

assets/dg_video/Texture/video/process.png
assets/dg_video/Texture/video/process.png
assets/dg_video/Texture/video/process.png
assets/dg_video/Texture/video/process.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -22,9 +22,9 @@ ...@@ -22,9 +22,9 @@
"offsetY": 0, "offsetY": 0,
"trimX": 0, "trimX": 0,
"trimY": 0, "trimY": 0,
"width": 730, "width": 789,
"height": 9, "height": 9,
"rawWidth": 730, "rawWidth": 789,
"rawHeight": 9, "rawHeight": 9,
"borderTop": 0, "borderTop": 0,
"borderBottom": 0, "borderBottom": 0,
......
assets/dg_video/Texture/video/processbg.png

270 Bytes | W: | H:

assets/dg_video/Texture/video/processbg.png

251 Bytes | W: | H:

assets/dg_video/Texture/video/processbg.png
assets/dg_video/Texture/video/processbg.png
assets/dg_video/Texture/video/processbg.png
assets/dg_video/Texture/video/processbg.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
"premultiplyAlpha": false, "premultiplyAlpha": false,
"genMipmaps": false, "genMipmaps": false,
"packable": true, "packable": true,
"width": 730, "width": 789,
"height": 9, "height": 9,
"platformSettings": {}, "platformSettings": {},
"subMetas": { "subMetas": {
...@@ -22,9 +22,9 @@ ...@@ -22,9 +22,9 @@
"offsetY": 0, "offsetY": 0,
"trimX": 0, "trimX": 0,
"trimY": 0, "trimY": 0,
"width": 730, "width": 789,
"height": 9, "height": 9,
"rawWidth": 730, "rawWidth": 789,
"rawHeight": 9, "rawHeight": 9,
"borderTop": 0, "borderTop": 0,
"borderBottom": 0, "borderBottom": 0,
......
{
"ver": "1.1.2",
"uuid": "da77e408-c6b7-42ce-a459-e39a9083b724",
"isBundle": false,
"bundleName": "",
"priority": 1,
"compressionType": {},
"optimizeHotUpdate": {},
"inlineSpriteFrames": {},
"isRemoteBundle": {},
"subMetas": {}
}
\ No newline at end of file
{"frameRate":24,"name":"img_audio","version":"5.5","compatibleVersion":"5.5","armature":[{"type":"Armature","frameRate":24,"name":"armatureName","aabb":{"x":-27.5,"y":-21,"width":55,"height":42},"bone":[{"name":"root"},{"length":14,"name":"1","parent":"root","transform":{"x":-25.4036,"skX":-90,"skY":-90}},{"length":14,"name":"2","parent":"root","transform":{"x":-19.3116,"skX":-90,"skY":-90}},{"length":19,"name":"3","parent":"root","transform":{"x":-12.9746,"skX":-90,"skY":-90}},{"length":15,"name":"4","parent":"root","transform":{"x":-7.1302,"skX":-90,"skY":-90}},{"length":21,"name":"5","parent":"root","transform":{"x":-0.9168,"skX":-90,"skY":-90}},{"length":17,"name":"6","parent":"root","transform":{"x":5.4841,"skX":-90,"skY":-90}},{"length":18,"name":"7","parent":"root","transform":{"x":12.4269,"skX":-90,"skY":-90}},{"length":16,"name":"8","parent":"root","transform":{"x":19.0094,"skX":-90,"skY":-90}},{"length":17,"name":"9","parent":"root","transform":{"x":25.5843,"skX":-90,"skY":-90}}],"slot":[{"name":"9","parent":"9"},{"name":"8","parent":"8"},{"name":"7","parent":"7"},{"name":"6","parent":"6"},{"name":"5","parent":"5"},{"name":"4","parent":"4"},{"name":"3","parent":"3"},{"name":"2","parent":"2"},{"name":"1","parent":"1"}],"skin":[{"slot":[{"name":"6","display":[{"name":"6","transform":{"y":0.02,"skX":90,"skY":90}}]},{"name":"7","display":[{"name":"7","transform":{"y":0.07,"skX":90,"skY":90}}]},{"name":"8","display":[{"name":"8","transform":{"x":0.5,"y":-0.51,"skX":90,"skY":90}}]},{"name":"1","display":[{"name":"1","transform":{"y":0.4,"skX":90,"skY":90}}]},{"name":"2","display":[{"name":"2","transform":{"y":-0.19,"skX":90,"skY":90}}]},{"name":"3","display":[{"name":"3","transform":{"y":-0.03,"skX":90,"skY":90}}]},{"name":"4","display":[{"name":"4","transform":{"x":0.5,"y":-0.37,"skX":90,"skY":90}}]},{"name":"9","display":[{"name":"9","transform":{"y":-0.58,"skX":90,"skY":90}}]},{"name":"5","display":[{"name":"5","transform":{"y":-0.08,"skX":90,"skY":90}}]}]}],"animation":[{"duration":24,"playTimes":0,"name":"newAnimation","bone":[{"name":"1","scaleFrame":[{"duration":6,"tweenEasing":0},{"duration":18,"tweenEasing":0,"x":0.3},{"duration":0}]},{"name":"2","scaleFrame":[{"duration":8,"tweenEasing":0},{"duration":16,"tweenEasing":0,"x":0.15},{"duration":0}]},{"name":"3","scaleFrame":[{"duration":10,"tweenEasing":0},{"duration":14,"tweenEasing":0,"x":0.1},{"duration":0}]},{"name":"4","scaleFrame":[{"duration":12,"tweenEasing":0},{"duration":12,"tweenEasing":0,"x":0.2},{"duration":0}]},{"name":"5","scaleFrame":[{"duration":14,"tweenEasing":0},{"duration":10,"tweenEasing":0,"x":0.3},{"duration":0}]},{"name":"6","scaleFrame":[{"duration":16,"tweenEasing":0},{"duration":8,"tweenEasing":0,"x":0.2},{"duration":0}]},{"name":"7","scaleFrame":[{"duration":18,"tweenEasing":0},{"duration":6,"tweenEasing":0,"x":0.1},{"duration":0}]},{"name":"8","scaleFrame":[{"duration":20,"tweenEasing":0},{"duration":4,"tweenEasing":0,"x":0.25},{"duration":0}]},{"name":"9","scaleFrame":[{"duration":6,"tweenEasing":0},{"duration":18,"tweenEasing":0,"x":0.25},{"duration":0}]}]}],"defaultActions":[{"gotoAndPlay":"newAnimation"}]}]}
\ No newline at end of file
{
"ver": "1.0.1",
"uuid": "e0b19bd2-9adc-4f60-8a47-028b69ed67d2",
"subMetas": {}
}
\ No newline at end of file
{"name":"img_audio","SubTexture":[{"name":"9","x":16,"height":12,"y":50,"width":5},{"name":"8","x":24,"height":21,"y":27,"width":6},{"name":"7","x":1,"height":42,"y":1,"width":6},{"name":"6","x":16,"height":26,"y":1,"width":6},{"name":"5","x":9,"height":12,"y":43,"width":5},{"name":"4","x":16,"height":19,"y":29,"width":6},{"name":"3","x":9,"height":40,"y":1,"width":5},{"name":"2","x":24,"height":24,"y":1,"width":6},{"name":"1","x":1,"height":12,"y":45,"width":5}],"height":64,"imagePath":"img_audio_tex.png","width":32}
\ No newline at end of file
{
"ver": "1.0.1",
"uuid": "b53f4b5c-4a0b-4ea7-a795-7db518a4acd9",
"subMetas": {}
}
\ No newline at end of file
{
"ver": "2.3.5",
"uuid": "24075352-59b1-4dc8-9299-7d7808ef812f",
"type": "sprite",
"wrapMode": "clamp",
"filterMode": "bilinear",
"premultiplyAlpha": false,
"genMipmaps": false,
"packable": true,
"width": 32,
"height": 64,
"platformSettings": {},
"subMetas": {
"img_audio_tex": {
"ver": "1.0.4",
"uuid": "4372f410-62b5-4c40-a38f-fa7820bd5e81",
"rawTextureUuid": "24075352-59b1-4dc8-9299-7d7808ef812f",
"trimType": "auto",
"trimThreshold": 1,
"rotated": false,
"offsetX": -0.5,
"offsetY": 0.5,
"trimX": 1,
"trimY": 1,
"width": 29,
"height": 61,
"rawWidth": 32,
"rawHeight": 64,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 0,
"borderRight": 0,
"subMetas": {}
}
}
}
\ No newline at end of file
{
"ver": "1.1.0",
"uuid": "11022649-09d8-4240-a44b-fb7a9982406c",
"subMetas": {}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment