Commit fccce5a8 authored by 李维's avatar 李维

添加视频背景

parent 23ac0969
......@@ -72,28 +72,31 @@
"__id__": 3
},
{
"__id__": 6
"__id__": 7
},
{
"__id__": 8
"__id__": 10
},
{
"__id__": 10
"__id__": 12
},
{
"__id__": 39
"__id__": 14
},
{
"__id__": 43
}
],
"_active": true,
"_components": [
{
"__id__": 65
"__id__": 69
},
{
"__id__": 66
"__id__": 70
},
{
"__id__": 67
"__id__": 71
}
],
"_prefab": null,
......@@ -146,19 +149,199 @@
},
{
"__type__": "cc.Node",
"_name": "Main Camera",
"_name": "video_bg",
"_objFlags": 0,
"_parent": {
"__id__": 2
},
"_children": [
{
"__id__": 4
}
],
"_active": true,
"_components": [
{
"__id__": 6
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 1280,
"height": 940
},
"_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": "05K9heyf1A5aDb5SYhexfW"
},
{
"__type__": "cc.Node",
"_name": "bg_video",
"_objFlags": 0,
"_parent": {
"__id__": 3
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 5
}
],
"_prefab": null,
"_opacity": 255,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_contentSize": {
"__type__": "cc.Size",
"width": 2000,
"height": 2000
},
"_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": "bf9K6uSIJLK6LC8Qyw6+eT"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 4
},
"_enabled": true,
"_materials": [
{
"__id__": 5
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_srcBlendFactor": 1,
"_dstBlendFactor": 771,
"_spriteFrame": {
"__uuid__": "5509c4ec-1745-4fdd-9a1d-af63bae692a8"
},
"_type": 0,
"_sizeMode": 1,
"_fillType": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_atlas": null,
"_id": "52rlpVhXVHLbhYxcLX3uSD"
},
{
"__type__": "cc.Mask",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 3
},
"_enabled": true,
"_materials": [
{
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
}
],
"_spriteFrame": null,
"_type": 0,
"_segments": 64,
"_N$alphaThreshold": 0.1,
"_N$inverted": true,
"_id": "74zvqtP2JFya0y/suNoRwM"
},
{
"__type__": "cc.Node",
"_name": "Main Camera",
"_objFlags": 0,
"_parent": {
"__id__": 2
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 8
},
{
"__id__": 9
}
],
"_prefab": null,
......@@ -214,7 +397,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 3
"__id__": 7
},
"_enabled": true,
"_cullingMask": 4294967295,
......@@ -250,7 +433,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 3
"__id__": 7
},
"_enabled": true,
"alignMode": 1,
......@@ -283,7 +466,7 @@
"_active": false,
"_components": [
{
"__id__": 7
"__id__": 11
}
],
"_prefab": null,
......@@ -339,7 +522,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 6
"__id__": 10
},
"_enabled": true,
"_materials": [
......@@ -385,7 +568,7 @@
"_active": false,
"_components": [
{
"__id__": 9
"__id__": 13
}
],
"_prefab": null,
......@@ -441,7 +624,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 8
"__id__": 12
},
"_enabled": true,
"_materials": [
......@@ -485,32 +668,32 @@
},
"_children": [
{
"__id__": 11
"__id__": 15
},
{
"__id__": 17
"__id__": 21
},
{
"__id__": 19
"__id__": 23
},
{
"__id__": 30
"__id__": 34
},
{
"__id__": 33
"__id__": 37
}
],
"_active": true,
"_components": [
{
"__id__": 36
"__id__": 40
},
{
"__id__": 37
"__id__": 41
}
],
"_prefab": {
"__id__": 38
"__id__": 42
},
"_opacity": 255,
"_color": {
......@@ -564,21 +747,21 @@
"_name": "progress",
"_objFlags": 0,
"_parent": {
"__id__": 10
"__id__": 14
},
"_children": [
{
"__id__": 12
"__id__": 16
}
],
"_active": true,
"_components": [
{
"__id__": 15
"__id__": 19
}
],
"_prefab": {
"__id__": 16
"__id__": 20
},
"_opacity": 255,
"_color": {
......@@ -632,17 +815,17 @@
"_name": "bar",
"_objFlags": 0,
"_parent": {
"__id__": 11
"__id__": 15
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 13
"__id__": 17
}
],
"_prefab": {
"__id__": 14
"__id__": 18
},
"_opacity": 255,
"_color": {
......@@ -696,7 +879,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 12
"__id__": 16
},
"_enabled": true,
"_materials": [
......@@ -726,7 +909,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -739,7 +922,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 11
"__id__": 15
},
"_enabled": true,
"_materials": [
......@@ -769,7 +952,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -782,13 +965,13 @@
"_name": "markNode",
"_objFlags": 0,
"_parent": {
"__id__": 10
"__id__": 14
},
"_children": [],
"_active": true,
"_components": [],
"_prefab": {
"__id__": 18
"__id__": 22
},
"_opacity": 255,
"_color": {
......@@ -840,7 +1023,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -853,23 +1036,23 @@
"_name": "controlButton",
"_objFlags": 0,
"_parent": {
"__id__": 10
"__id__": 14
},
"_children": [
{
"__id__": 20
"__id__": 24
},
{
"__id__": 23
"__id__": 27
},
{
"__id__": 26
"__id__": 30
}
],
"_active": true,
"_components": [],
"_prefab": {
"__id__": 29
"__id__": 33
},
"_opacity": 255,
"_color": {
......@@ -923,17 +1106,17 @@
"_name": "play",
"_objFlags": 0,
"_parent": {
"__id__": 19
"__id__": 23
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 21
"__id__": 25
}
],
"_prefab": {
"__id__": 22
"__id__": 26
},
"_opacity": 255,
"_color": {
......@@ -987,7 +1170,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 20
"__id__": 24
},
"_enabled": true,
"_materials": [
......@@ -1017,7 +1200,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -1030,17 +1213,17 @@
"_name": "pause",
"_objFlags": 0,
"_parent": {
"__id__": 19
"__id__": 23
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 24
"__id__": 28
}
],
"_prefab": {
"__id__": 25
"__id__": 29
},
"_opacity": 255,
"_color": {
......@@ -1094,7 +1277,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 23
"__id__": 27
},
"_enabled": true,
"_materials": [
......@@ -1124,7 +1307,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -1137,17 +1320,17 @@
"_name": "replay",
"_objFlags": 0,
"_parent": {
"__id__": 19
"__id__": 23
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 27
"__id__": 31
}
],
"_prefab": {
"__id__": 28
"__id__": 32
},
"_opacity": 255,
"_color": {
......@@ -1201,7 +1384,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 26
"__id__": 30
},
"_enabled": true,
"_materials": [
......@@ -1231,7 +1414,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -1242,7 +1425,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -1255,17 +1438,17 @@
"_name": "dragButton",
"_objFlags": 0,
"_parent": {
"__id__": 10
"__id__": 14
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 31
"__id__": 35
}
],
"_prefab": {
"__id__": 32
"__id__": 36
},
"_opacity": 255,
"_color": {
......@@ -1319,7 +1502,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 30
"__id__": 34
},
"_enabled": true,
"_materials": [
......@@ -1349,7 +1532,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -1362,17 +1545,17 @@
"_name": "markPoint",
"_objFlags": 0,
"_parent": {
"__id__": 10
"__id__": 14
},
"_children": [],
"_active": false,
"_components": [
{
"__id__": 34
"__id__": 38
}
],
"_prefab": {
"__id__": 35
"__id__": 39
},
"_opacity": 255,
"_color": {
......@@ -1426,7 +1609,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 33
"__id__": 37
},
"_enabled": true,
"_materials": [
......@@ -1456,7 +1639,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -1469,7 +1652,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 10
"__id__": 14
},
"_enabled": true,
"_id": "42XWQfk9tE94NY0efe9K5z"
......@@ -1479,7 +1662,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 10
"__id__": 14
},
"_enabled": true,
"alignMode": 1,
......@@ -1504,7 +1687,7 @@
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 10
"__id__": 14
},
"asset": {
"__uuid__": "a1cb871b-6ef5-410e-802f-f3a1c2d185e9"
......@@ -1521,13 +1704,13 @@
},
"_children": [
{
"__id__": 40
"__id__": 44
},
{
"__id__": 55
"__id__": 59
},
{
"__id__": 58
"__id__": 62
}
],
"_active": false,
......@@ -1585,15 +1768,9 @@
"_name": "img",
"_objFlags": 0,
"_parent": {
"__id__": 39
},
"_children": [
{
"__id__": 41
},
{
"__id__": 43
},
"_children": [
{
"__id__": 45
},
......@@ -1608,6 +1785,12 @@
},
{
"__id__": 53
},
{
"__id__": 55
},
{
"__id__": 57
}
],
"_active": true,
......@@ -1665,13 +1848,13 @@
"_name": "go_1",
"_objFlags": 0,
"_parent": {
"__id__": 40
"__id__": 44
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 42
"__id__": 46
}
],
"_prefab": null,
......@@ -1727,7 +1910,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 41
"__id__": 45
},
"_enabled": true,
"_materials": [],
......@@ -1755,13 +1938,13 @@
"_name": "black",
"_objFlags": 0,
"_parent": {
"__id__": 40
"__id__": 44
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 44
"__id__": 48
}
],
"_prefab": null,
......@@ -1817,7 +2000,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 43
"__id__": 47
},
"_enabled": true,
"_materials": [],
......@@ -1845,13 +2028,13 @@
"_name": "go_3",
"_objFlags": 0,
"_parent": {
"__id__": 40
"__id__": 44
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 46
"__id__": 50
}
],
"_prefab": null,
......@@ -1907,7 +2090,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 45
"__id__": 49
},
"_enabled": true,
"_materials": [],
......@@ -1935,13 +2118,13 @@
"_name": "go_2",
"_objFlags": 0,
"_parent": {
"__id__": 40
"__id__": 44
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 48
"__id__": 52
}
],
"_prefab": null,
......@@ -1997,7 +2180,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 47
"__id__": 51
},
"_enabled": true,
"_materials": [],
......@@ -2025,13 +2208,13 @@
"_name": "start_title",
"_objFlags": 0,
"_parent": {
"__id__": 40
"__id__": 44
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 50
"__id__": 54
}
],
"_prefab": null,
......@@ -2087,7 +2270,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 49
"__id__": 53
},
"_enabled": true,
"_materials": [],
......@@ -2115,13 +2298,13 @@
"_name": "go_0",
"_objFlags": 0,
"_parent": {
"__id__": 40
"__id__": 44
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 52
"__id__": 56
}
],
"_prefab": null,
......@@ -2177,7 +2360,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 51
"__id__": 55
},
"_enabled": true,
"_materials": [],
......@@ -2205,13 +2388,13 @@
"_name": "light",
"_objFlags": 0,
"_parent": {
"__id__": 40
"__id__": 44
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 54
"__id__": 58
}
],
"_prefab": null,
......@@ -2267,7 +2450,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 53
"__id__": 57
},
"_enabled": true,
"_materials": [],
......@@ -2295,11 +2478,11 @@
"_name": "font",
"_objFlags": 0,
"_parent": {
"__id__": 39
"__id__": 43
},
"_children": [
{
"__id__": 56
"__id__": 60
}
],
"_active": true,
......@@ -2357,13 +2540,13 @@
"_name": "GOTHICB_1",
"_objFlags": 0,
"_parent": {
"__id__": 55
"__id__": 59
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 57
"__id__": 61
}
],
"_prefab": null,
......@@ -2419,7 +2602,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 56
"__id__": 60
},
"_enabled": true,
"_materials": [
......@@ -2454,17 +2637,17 @@
"_name": "audio",
"_objFlags": 0,
"_parent": {
"__id__": 39
"__id__": 43
},
"_children": [
{
"__id__": 59
"__id__": 63
},
{
"__id__": 61
"__id__": 65
},
{
"__id__": 63
"__id__": 67
}
],
"_active": true,
......@@ -2522,13 +2705,13 @@
"_name": "goodjob",
"_objFlags": 0,
"_parent": {
"__id__": 58
"__id__": 62
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 60
"__id__": 64
}
],
"_prefab": null,
......@@ -2584,7 +2767,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 59
"__id__": 63
},
"_enabled": true,
"_clip": {
......@@ -2603,13 +2786,13 @@
"_name": "ready",
"_objFlags": 0,
"_parent": {
"__id__": 58
"__id__": 62
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 62
"__id__": 66
}
],
"_prefab": null,
......@@ -2665,7 +2848,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 61
"__id__": 65
},
"_enabled": true,
"_clip": {
......@@ -2684,13 +2867,13 @@
"_name": "go",
"_objFlags": 0,
"_parent": {
"__id__": 58
"__id__": 62
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 64
"__id__": 68
}
],
"_prefab": null,
......@@ -2746,7 +2929,7 @@
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 63
"__id__": 67
},
"_enabled": true,
"_clip": {
......@@ -2815,7 +2998,7 @@
"baseWidth": 1280,
"baseHeight": 940,
"videoControlBar": {
"__id__": 10
"__id__": 14
},
"_id": "7akLvWOt5IlbhsZJIcu0P1"
}
......
......@@ -781,6 +781,13 @@ cc.Class({
// this.checkStart();
},
// 设置视频背景
initVideoBg(width, height) {
const maskNode = cc.find('Canvas/video_bg').getComponent(cc.Mask);
maskNode.width = width;
maskNode.height = height;
},
getVideoUrl(callback) {
const url1 = this.data.video_url;
const url2 = url1.replace(/.mp4$/g, "_m.mp4");
......@@ -1047,8 +1054,14 @@ cc.Class({
console.log(" in initVideoRemote url: ", url);
const videoSizeW = 1920;
const videoSizeH = 1080;
const videoConfigSize = this.data.videoType.solit('_');
let videoSizeW = 1920;
let videoSizeH = 1080;
if(videoConfigSize.length ==2 && !isNaN(Number(videoConfigSize[0])) && !isNaN(Number(videoConfigSize[1]))) {
videoSizeW = Number(videoConfigSize[0]);
videoSizeH = Number(videoConfigSize[1]);
}
this.initVideoBg(videoSizeW, videoSizeH);
const videoRemoteNode = new cc.Node();
videoRemoteNode.width = videoSizeW;
......
{
"ver": "2.3.5",
"uuid": "881bc070-a78c-4362-9165-750f7ebd04a7",
"type": "sprite",
"wrapMode": "clamp",
"filterMode": "bilinear",
"premultiplyAlpha": false,
"genMipmaps": false,
"packable": true,
"width": 2000,
"height": 2000,
"platformSettings": {},
"subMetas": {
"bg_video": {
"ver": "1.0.4",
"uuid": "5509c4ec-1745-4fdd-9a1d-af63bae692a8",
"rawTextureUuid": "881bc070-a78c-4362-9165-750f7ebd04a7",
"trimType": "auto",
"trimThreshold": 1,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 0,
"trimY": 0,
"width": 2000,
"height": 2000,
"rawWidth": 2000,
"rawHeight": 2000,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 0,
"borderRight": 0,
"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