feat: update animation

main
tiendat3699 2024-04-22 09:04:58 +07:00
parent c448991110
commit 68170cd690
19 changed files with 1246 additions and 516 deletions

View File

@ -11,7 +11,7 @@
"speed": 1,
"wrapMode": 1,
"enableTrsBlending": false,
"_duration": 0.3333333333333333,
"_duration": 0.7666666666666667,
"_hash": 500763545,
"_tracks": [
{
@ -19,6 +19,9 @@
},
{
"__id__": 12
},
{
"__id__": 23
}
],
"_exoticAnimation": null,
@ -56,7 +59,7 @@
{
"__id__": 3
},
"position"
"scale"
]
},
{
@ -71,8 +74,79 @@
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"_times": [
0,
0.18333333333333332,
0.2833333333333333,
0.3333333333333333,
0.5
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1.2,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": {
"tangentMode": 0
}
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": {
"tangentMode": 0
}
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
"postExtrapolation": 1
},
@ -86,14 +160,17 @@
"__type__": "cc.RealCurve",
"_times": [
0,
0.16666666666666666
0.18333333333333332,
0.2833333333333333,
0.3333333333333333,
0.5
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 50,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -103,9 +180,45 @@
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": -35,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1.2,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -125,8 +238,79 @@
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"_times": [
0,
0.18333333333333332,
0.2833333333333333,
0.3333333333333333,
0.5
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1.2,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": {
"tangentMode": 0
}
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": {
"tangentMode": 0
}
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
"postExtrapolation": 1
},
@ -174,7 +358,7 @@
{
"__id__": 14
},
"scale"
"eulerAngles"
]
},
{
@ -189,8 +373,75 @@
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"_times": [
0.18333333333333332,
0.4,
0.5,
0.6166666666666667,
0.7
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
"postExtrapolation": 1
},
@ -203,18 +454,18 @@
{
"__type__": "cc.RealCurve",
"_times": [
0,
0.08333333333333333,
0.18333333333333332,
0.2833333333333333,
0.3333333333333333
0.4,
0.5,
0.6166666666666667,
0.7
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -226,7 +477,7 @@
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -238,7 +489,7 @@
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0.5,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -250,7 +501,7 @@
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1.100000023841858,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -262,7 +513,7 @@
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -282,8 +533,62 @@
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"_times": [
0.16666666666666666,
0.31666666666666665,
0.6166666666666667,
0.7666666666666667
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": -19.69586181640625,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 8,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
"postExtrapolation": 1
},
@ -299,5 +604,129 @@
"_values": [],
"preExtrapolation": 1,
"postExtrapolation": 1
},
{
"__type__": "cc.animation.ColorTrack",
"_binding": {
"__type__": "cc.animation.TrackBinding",
"path": {
"__id__": 24
},
"proxy": null
},
"_channels": [
{
"__id__": 27
},
{
"__id__": 29
},
{
"__id__": 31
},
{
"__id__": 33
}
]
},
{
"__type__": "cc.animation.TrackPath",
"_paths": [
{
"__id__": 25
},
{
"__id__": 26
},
"color"
]
},
{
"__type__": "cc.animation.HierarchyPath",
"path": "Sprite"
},
{
"__type__": "cc.animation.ComponentPath",
"component": "cc.Sprite"
},
{
"__type__": "cc.animation.Channel",
"_curve": {
"__id__": 28
}
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"preExtrapolation": 1,
"postExtrapolation": 1
},
{
"__type__": "cc.animation.Channel",
"_curve": {
"__id__": 30
}
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"preExtrapolation": 1,
"postExtrapolation": 1
},
{
"__type__": "cc.animation.Channel",
"_curve": {
"__id__": 32
}
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"preExtrapolation": 1,
"postExtrapolation": 1
},
{
"__type__": "cc.animation.Channel",
"_curve": {
"__id__": 34
}
},
{
"__type__": "cc.RealCurve",
"_times": [
0,
0.4
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 255,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
"postExtrapolation": 1
}
]

View File

@ -11,7 +11,7 @@
"speed": 1,
"wrapMode": 1,
"enableTrsBlending": false,
"_duration": 0.3333333333333333,
"_duration": 0.7666666666666667,
"_hash": 500763545,
"_tracks": [
{
@ -19,6 +19,9 @@
},
{
"__id__": 12
},
{
"__id__": 23
}
],
"_exoticAnimation": null,
@ -56,7 +59,7 @@
{
"__id__": 3
},
"position"
"eulerAngles"
]
},
{
@ -72,9 +75,25 @@
{
"__type__": "cc.RealCurve",
"_times": [
0.16666666666666666
0.18333333333333332,
0.4,
0.5,
0.6166666666666667,
0.7
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
@ -85,9 +104,43 @@
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": {
"tangentMode": 0
}
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
@ -102,15 +155,18 @@
{
"__type__": "cc.RealCurve",
"_times": [
0,
0.16666666666666666
0.18333333333333332,
0.4,
0.5,
0.6166666666666667,
0.7
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 50,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -120,9 +176,45 @@
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": -50,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -143,12 +235,15 @@
{
"__type__": "cc.RealCurve",
"_times": [
0.16666666666666666
0.18333333333333332,
0.31666666666666665,
0.6166666666666667,
0.7666666666666667
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
@ -156,9 +251,43 @@
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": {
"tangentMode": 0
}
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": -19.69586181640625,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 8,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
@ -223,8 +352,62 @@
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"_times": [
0,
0.18333333333333332,
0.31666666666666665,
0.5
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 1.2000000476837158,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
"postExtrapolation": 1
},
@ -238,17 +421,16 @@
"__type__": "cc.RealCurve",
"_times": [
0,
0.08333333333333333,
0.18333333333333332,
0.2833333333333333,
0.3333333333333333
0.31666666666666665,
0.5
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -272,19 +454,7 @@
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0.5,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1.100000023841858,
"value": 1.2000000476837158,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
@ -316,8 +486,62 @@
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"_times": [
0,
0.18333333333333332,
0.31666666666666665,
0.5
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1.2000000476837158,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 0,
"tangentWeightMode": 0,
"value": 1,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
"postExtrapolation": 1
},
@ -333,5 +557,129 @@
"_values": [],
"preExtrapolation": 1,
"postExtrapolation": 1
},
{
"__type__": "cc.animation.ColorTrack",
"_binding": {
"__type__": "cc.animation.TrackBinding",
"path": {
"__id__": 24
},
"proxy": null
},
"_channels": [
{
"__id__": 27
},
{
"__id__": 29
},
{
"__id__": 31
},
{
"__id__": 33
}
]
},
{
"__type__": "cc.animation.TrackPath",
"_paths": [
{
"__id__": 25
},
{
"__id__": 26
},
"color"
]
},
{
"__type__": "cc.animation.HierarchyPath",
"path": "Sprite"
},
{
"__type__": "cc.animation.ComponentPath",
"component": "cc.Sprite"
},
{
"__type__": "cc.animation.Channel",
"_curve": {
"__id__": 28
}
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"preExtrapolation": 1,
"postExtrapolation": 1
},
{
"__type__": "cc.animation.Channel",
"_curve": {
"__id__": 30
}
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"preExtrapolation": 1,
"postExtrapolation": 1
},
{
"__type__": "cc.animation.Channel",
"_curve": {
"__id__": 32
}
},
{
"__type__": "cc.RealCurve",
"_times": [],
"_values": [],
"preExtrapolation": 1,
"postExtrapolation": 1
},
{
"__type__": "cc.animation.Channel",
"_curve": {
"__id__": 34
}
},
{
"__type__": "cc.RealCurve",
"_times": [
0,
0.4
],
"_values": [
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 0,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
},
{
"__type__": "cc.RealKeyframeValue",
"interpolationMode": 2,
"tangentWeightMode": 0,
"value": 255,
"rightTangent": 0,
"rightTangentWeight": 1,
"leftTangent": 0,
"leftTangentWeight": 1,
"easingMethod": 0,
"__editorExtras__": null
}
],
"preExtrapolation": 1,
"postExtrapolation": 1
}
]

View File

@ -94,7 +94,7 @@
"_lpos": {
"__type__": "cc.Vec3",
"x": 0,
"y": -3,
"y": 0,
"z": 0
},
"_lrot": {
@ -133,13 +133,13 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 70,
"height": 70
"width": 60,
"height": 60
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0
"y": 0.5
},
"_id": ""
},
@ -217,8 +217,8 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 70,
"height": 70
"width": 60,
"height": 60
},
"_anchorPoint": {
"__type__": "cc.Vec2",
@ -255,8 +255,8 @@
},
"_size": {
"__type__": "cc.Size",
"width": 70,
"height": 70
"width": 60,
"height": 60
},
"_id": ""
},

View File

@ -1,372 +0,0 @@
[
{
"__type__": "cc.Prefab",
"_name": "box-001",
"_objFlags": 0,
"_native": "",
"data": {
"__id__": 1
},
"optimizationPolicy": 0,
"persistent": false
},
{
"__type__": "cc.Node",
"_name": "box-001",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": null,
"_children": [
{
"__id__": 2
}
],
"_active": true,
"_components": [
{
"__id__": 8
},
{
"__id__": 10
},
{
"__id__": 12
},
{
"__id__": 14
},
{
"__id__": 16
}
],
"_prefab": {
"__id__": 18
},
"_lpos": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_lrot": {
"__type__": "cc.Quat",
"x": 0,
"y": 0,
"z": 0,
"w": 1
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 1,
"y": 1,
"z": 1
},
"_mobility": 0,
"_layer": 33554432,
"_euler": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_id": ""
},
{
"__type__": "cc.Node",
"_name": "Sprite",
"_objFlags": 0,
"_parent": {
"__id__": 1
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 3
},
{
"__id__": 5
}
],
"_prefab": {
"__id__": 7
},
"_lpos": {
"__type__": "cc.Vec3",
"x": 0,
"y": -50,
"z": 0
},
"_lrot": {
"__type__": "cc.Quat",
"x": 0,
"y": 0,
"z": 0,
"w": 1
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 1,
"y": 1,
"z": 1
},
"_mobility": 0,
"_layer": 33554432,
"_euler": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_id": ""
},
{
"__type__": "cc.UITransform",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 2
},
"_enabled": true,
"__prefab": {
"__id__": 4
},
"_contentSize": {
"__type__": "cc.Size",
"width": 60,
"height": 100
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "7eQbUjrCxCdqX0lbHJJf5m"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 2
},
"_enabled": true,
"__prefab": {
"__id__": 6
},
"_customMaterial": null,
"_srcBlendFactor": 2,
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 61,
"g": 0,
"b": 255,
"a": 255
},
"_spriteFrame": {
"__uuid__": "483ec166-493b-43a4-885a-f5051af6a6c7@f9941",
"__expectedType__": "cc.SpriteFrame"
},
"_type": 0,
"_fillType": 0,
"_sizeMode": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_useGrayscale": false,
"_atlas": null,
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "8f4n9BtRRP+4F8ppzXIOAb"
},
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 1
},
"asset": {
"__id__": 0
},
"fileId": "58e2t45HZDcaGTymn9uf1N",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.UITransform",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 1
},
"_enabled": true,
"__prefab": {
"__id__": 9
},
"_contentSize": {
"__type__": "cc.Size",
"width": 60,
"height": 100
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "dd1k5yz/9Jw7Y3h/ln7e+D"
},
{
"__type__": "cc.BoxCollider2D",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 1
},
"_enabled": true,
"__prefab": {
"__id__": 11
},
"tag": 0,
"_group": 2,
"_density": 1,
"_sensor": true,
"_friction": 0.2,
"_restitution": 0,
"_offset": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_size": {
"__type__": "cc.Size",
"width": 60,
"height": 100
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "e3xI5cN0VBUb2QzjmBNBDQ"
},
{
"__type__": "cc.RigidBody2D",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 1
},
"_enabled": true,
"__prefab": {
"__id__": 13
},
"enabledContactListener": true,
"bullet": false,
"awakeOnLoad": true,
"_group": 2,
"_type": 1,
"_allowSleep": true,
"_gravityScale": 1,
"_linearDamping": 0,
"_angularDamping": 0,
"_linearVelocity": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_angularVelocity": 0,
"_fixedRotation": false,
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "bbOXJ9GJVHppWgt0OjwEBK"
},
{
"__type__": "3bd17tsjpdMZqOLOE4CWMkE",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 1
},
"_enabled": true,
"__prefab": {
"__id__": 15
},
"_collider": {
"__id__": 10
},
"_sprite": {
"__id__": 5
},
"_spawnAnimation": {
"__id__": 16
},
"_hitSound": {
"__uuid__": "1f602e14-2769-4903-b4d2-b0977eeaf36b",
"__expectedType__": "cc.AudioClip"
},
"_score": 10,
"_bonusTime": 0,
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "f3W6S5U0BKM6/Fx3RiEC8W"
},
{
"__type__": "cc.Animation",
"_name": "",
"_objFlags": 0,
"node": {
"__id__": 1
},
"_enabled": true,
"__prefab": {
"__id__": 17
},
"playOnLoad": false,
"_clips": [
{
"__uuid__": "cfd9afd6-9345-446c-bf56-b7ac3dbf2c1e",
"__expectedType__": "cc.AnimationClip"
}
],
"_defaultClip": {
"__uuid__": "cfd9afd6-9345-446c-bf56-b7ac3dbf2c1e",
"__expectedType__": "cc.AnimationClip"
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "9cExf3IzxEa53jorYVyMdR"
},
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 1
},
"asset": {
"__id__": 0
},
"fileId": "31K2tUn39G47RitJdKcKW+",
"instance": null,
"targetOverrides": null
}
]

View File

@ -1,13 +0,0 @@
{
"ver": "1.1.43",
"importer": "prefab",
"imported": true,
"uuid": "ff8610cc-1c8d-46d4-9c92-88f14a09f366",
"files": [
".json"
],
"subMetas": {},
"userData": {
"syncNodeName": "box-001"
}
}

View File

@ -94,7 +94,7 @@
"_lpos": {
"__type__": "cc.Vec3",
"x": 0,
"y": -50,
"y": 0,
"z": 0
},
"_lrot": {
@ -139,7 +139,7 @@
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0
"y": 0.5
},
"_id": ""
},

View File

@ -15452,8 +15452,8 @@
"b": 255,
"a": 255
},
"_string": "00:00",
"_horizontalAlign": 0,
"_string": "0",
"_horizontalAlign": 1,
"_verticalAlign": 1,
"_actualFontSize": 61,
"_fontSize": 60,
@ -17206,8 +17206,8 @@
"__prefab": null,
"_contentSize": {
"__type__": "cc.Size",
"width": 69.316,
"height": 128.54967272727276
"width": 94.09700000000001,
"height": 140.81648951048953
},
"_anchorPoint": {
"__type__": "cc.Vec2",
@ -17833,8 +17833,8 @@
"__prefab": null,
"_contentSize": {
"__type__": "cc.Size",
"width": 69.316,
"height": 128.54967272727276
"width": 94.09700000000001,
"height": 140.81648951048953
},
"_anchorPoint": {
"__type__": "cc.Vec2",
@ -18460,8 +18460,8 @@
"__prefab": null,
"_contentSize": {
"__type__": "cc.Size",
"width": 69.316,
"height": 128.54967272727276
"width": 94.09700000000001,
"height": 140.81648951048953
},
"_anchorPoint": {
"__type__": "cc.Vec2",
@ -19087,8 +19087,8 @@
"__prefab": null,
"_contentSize": {
"__type__": "cc.Size",
"width": 69.316,
"height": 128.54967272727276
"width": 94.09700000000001,
"height": 140.81648951048953
},
"_anchorPoint": {
"__type__": "cc.Vec2",
@ -33689,7 +33689,7 @@
"y": -1200,
"z": 0
},
"_timePlay": 30,
"_timePlay": 120,
"_boosterActiveSound": {
"__uuid__": "4dba398c-e777-4670-8b1b-76b3fbfb4625",
"__expectedType__": "cc.AudioClip"

View File

@ -15,6 +15,7 @@ enum GameEvent {
BoosterDisable,
ControlTouchStart,
ControlTouchEnd,
WarningTime,
}
export interface GameEventCallbackMap {
@ -28,6 +29,7 @@ export interface GameEventCallbackMap {
[GameEvent.BoosterDisable]: (boosterType: BoosterType) => void;
[GameEvent.ControlTouchStart]: (touchSide: ControllerSide) => void;
[GameEvent.ControlTouchEnd]: (touchSide: ControllerSide) => void;
[GameEvent.WarningTime]: (warning: boolean) => void;
}
export interface GameEventArgMap {
@ -41,6 +43,7 @@ export interface GameEventArgMap {
[GameEvent.BoosterDisable]: BoosterType;
[GameEvent.ControlTouchStart]: ControllerSide;
[GameEvent.ControlTouchEnd]: ControllerSide;
[GameEvent.WarningTime]: boolean;
}
export default GameEvent;

View File

@ -64,7 +64,7 @@ export class Enemy extends Component {
this.init();
}
protected async init() {
private async init() {
this._collider.node.setWorldPosition(this._patrolPoint1.worldPosition);
const pos = this._patrolPoint1.getWorldPosition();
this.x = pos.x;

View File

@ -86,6 +86,7 @@ export class GameManager extends Singleton<GameManager>() {
private _score = 0;
private isReplayed = false;
private _isMultiBall = false;
private _warningTime = false;
private _currentBallInGame = 0;
public get score() {
@ -166,11 +167,18 @@ export class GameManager extends Singleton<GameManager>() {
private async countTime() {
while (this.gameState == GameState.Playing) {
this._timer--;
if (this._timer <= 0) {
this._timer = 0;
this.gameOver();
}
if (!this._warningTime && this._timer <= 30) {
this._warningTime = true;
EventManger.instance.emit(GameEvent.WarningTime, true);
}
if (this._warningTime && this._timer > 30) {
this._warningTime = false;
EventManger.instance.emit(GameEvent.WarningTime, false);
}
EventManger.instance.emit(GameEvent.TimeUpdate, this._timer);
await Utilities.delay(1);
}

View File

@ -37,6 +37,7 @@ export class UIController extends Component {
EventManger.instance.on(GameEvent.BoosterActive, this.onBoosterActive, this);
EventManger.instance.on(GameEvent.BoosterDisable, this.onBoosterDisable, this);
EventManger.instance.on(GameEvent.TimeUpdate, this.onTimeUpdate, this);
EventManger.instance.on(GameEvent.WarningTime, this.onWarningTime, this);
this._eventLabel.string = '';
}
@ -75,15 +76,23 @@ export class UIController extends Component {
.start();
}
private onWarningTime(warning: boolean) {
if (warning) {
this._timeLabel.color = Color.RED;
} else {
this._timeLabel.color = Color.WHITE;
}
}
private async onGameStateChange(state: GameState) {
switch (state) {
case GameState.Init:
this._startPanel.active = true;
this._ticketLabel.string = BEConnector.instance.numberTicket.toString();
this._scoreLabel.string = '0';
this._timeLabel.string = this.secondsToTime(GameManager.instance.gameTime);
break;
case GameState.Ready:
this._timeLabel.string = GameManager.instance.gameTime.toString();
this._controlPanel.active = true;
this._startPanel.active = false;
break;
@ -131,17 +140,17 @@ export class UIController extends Component {
}
private onTimeUpdate(time: number) {
this._timeLabel.string = this.secondsToTime(time);
this._timeLabel.string = time.toString();
}
private secondsToTime(second: number) {
const m = Math.floor((second - (second % 60)) / 60)
.toString()
.padStart(2, '0');
const s = Math.floor(second % 60)
.toString()
.padStart(2, '0');
// private secondsToTime(second: number) {
// const m = Math.floor((second - (second % 60)) / 60)
// .toString()
// .padStart(2, '0');
// const s = Math.floor(second % 60)
// .toString()
// .padStart(2, '0');
return m + ':' + s;
}
// return m + ':' + s;
// }
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 37 KiB

View File

@ -42,12 +42,12 @@
"trimType": "auto",
"trimThreshold": 1,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 73,
"trimY": 26,
"width": 110,
"height": 204,
"offsetX": -0.5,
"offsetY": 9,
"trimX": 56,
"trimY": 12,
"width": 143,
"height": 214,
"rawWidth": 256,
"rawHeight": 256,
"borderTop": 0,
@ -61,17 +61,17 @@
"meshType": 0,
"vertices": {
"rawPosition": [
-55,
-102,
-71.5,
-107,
0,
55,
-102,
71.5,
-107,
0,
-55,
102,
-71.5,
107,
0,
55,
102,
71.5,
107,
0
],
"indexes": [
@ -83,33 +83,33 @@
3
],
"uv": [
73,
230,
183,
230,
73,
26,
183,
26
56,
244,
199,
244,
56,
30,
199,
30
],
"nuv": [
0.28515625,
0.1015625,
0.71484375,
0.1015625,
0.28515625,
0.8984375,
0.71484375,
0.8984375
0.21875,
0.1171875,
0.77734375,
0.1171875,
0.21875,
0.953125,
0.77734375,
0.953125
],
"minPos": [
-55,
-102,
-71.5,
-107,
0
],
"maxPos": [
55,
102,
71.5,
107,
0
]
},

Binary file not shown.

After

Width:  |  Height:  |  Size: 254 KiB

View File

@ -0,0 +1,134 @@
{
"ver": "1.0.25",
"importer": "image",
"imported": true,
"uuid": "0ffdff5a-9c60-4fcf-9bdd-dade41c36f17",
"files": [
".json",
".png"
],
"subMetas": {
"6c48a": {
"importer": "texture",
"uuid": "0ffdff5a-9c60-4fcf-9bdd-dade41c36f17@6c48a",
"displayName": "GoalSticker",
"id": "6c48a",
"name": "texture",
"userData": {
"wrapModeS": "clamp-to-edge",
"wrapModeT": "clamp-to-edge",
"imageUuidOrDatabaseUri": "0ffdff5a-9c60-4fcf-9bdd-dade41c36f17",
"isUuid": true,
"visible": false,
"minfilter": "linear",
"magfilter": "linear",
"mipfilter": "none",
"anisotropy": 0
},
"ver": "1.0.22",
"imported": true,
"files": [
".json"
],
"subMetas": {}
},
"f9941": {
"importer": "sprite-frame",
"uuid": "0ffdff5a-9c60-4fcf-9bdd-dade41c36f17@f9941",
"displayName": "GoalSticker",
"id": "f9941",
"name": "spriteFrame",
"userData": {
"trimType": "auto",
"trimThreshold": 1,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 0,
"trimY": 0,
"width": 1085,
"height": 777,
"rawWidth": 1085,
"rawHeight": 777,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 0,
"borderRight": 0,
"packable": true,
"pixelsToUnit": 100,
"pivotX": 0.5,
"pivotY": 0.5,
"meshType": 0,
"vertices": {
"rawPosition": [
-542.5,
-388.5,
0,
542.5,
-388.5,
0,
-542.5,
388.5,
0,
542.5,
388.5,
0
],
"indexes": [
0,
1,
2,
2,
1,
3
],
"uv": [
0,
777,
1085,
777,
0,
0,
1085,
0
],
"nuv": [
0,
0,
1,
0,
0,
1,
1,
1
],
"minPos": [
-542.5,
-388.5,
0
],
"maxPos": [
542.5,
388.5,
0
]
},
"isUuid": true,
"imageUuidOrDatabaseUri": "0ffdff5a-9c60-4fcf-9bdd-dade41c36f17@6c48a",
"atlasUuid": ""
},
"ver": "1.0.11",
"imported": true,
"files": [
".json"
],
"subMetas": {}
}
},
"userData": {
"type": "sprite-frame",
"fixAlphaTransparencyArtifacts": true,
"hasAlpha": true,
"redirect": "0ffdff5a-9c60-4fcf-9bdd-dade41c36f17@f9941"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 321 KiB

View File

@ -0,0 +1,134 @@
{
"ver": "1.0.25",
"importer": "image",
"imported": true,
"uuid": "60efe140-bd6a-42c0-a752-5e1af95d1d68",
"files": [
".json",
".png"
],
"subMetas": {
"6c48a": {
"importer": "texture",
"uuid": "60efe140-bd6a-42c0-a752-5e1af95d1d68@6c48a",
"displayName": "ballOutSticker",
"id": "6c48a",
"name": "texture",
"userData": {
"wrapModeS": "clamp-to-edge",
"wrapModeT": "clamp-to-edge",
"imageUuidOrDatabaseUri": "60efe140-bd6a-42c0-a752-5e1af95d1d68",
"isUuid": true,
"visible": false,
"minfilter": "linear",
"magfilter": "linear",
"mipfilter": "none",
"anisotropy": 0
},
"ver": "1.0.22",
"imported": true,
"files": [
".json"
],
"subMetas": {}
},
"f9941": {
"importer": "sprite-frame",
"uuid": "60efe140-bd6a-42c0-a752-5e1af95d1d68@f9941",
"displayName": "ballOutSticker",
"id": "f9941",
"name": "spriteFrame",
"userData": {
"trimType": "auto",
"trimThreshold": 1,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 0,
"trimY": 0,
"width": 1133,
"height": 727,
"rawWidth": 1133,
"rawHeight": 727,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 0,
"borderRight": 0,
"packable": true,
"pixelsToUnit": 100,
"pivotX": 0.5,
"pivotY": 0.5,
"meshType": 0,
"vertices": {
"rawPosition": [
-566.5,
-363.5,
0,
566.5,
-363.5,
0,
-566.5,
363.5,
0,
566.5,
363.5,
0
],
"indexes": [
0,
1,
2,
2,
1,
3
],
"uv": [
0,
727,
1133,
727,
0,
0,
1133,
0
],
"nuv": [
0,
0,
1,
0,
0,
1,
1,
1
],
"minPos": [
-566.5,
-363.5,
0
],
"maxPos": [
566.5,
363.5,
0
]
},
"isUuid": true,
"imageUuidOrDatabaseUri": "60efe140-bd6a-42c0-a752-5e1af95d1d68@6c48a",
"atlasUuid": ""
},
"ver": "1.0.11",
"imported": true,
"files": [
".json"
],
"subMetas": {}
}
},
"userData": {
"type": "sprite-frame",
"fixAlphaTransparencyArtifacts": true,
"hasAlpha": true,
"redirect": "60efe140-bd6a-42c0-a752-5e1af95d1d68@f9941"
}
}

View File

@ -0,0 +1,3 @@
{
"web-mobile": "1.0.0"
}

View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Cocos Creator | <%= projectName %></title>
<!--http://www.html5rocks.com/en/mobile/mobifying/-->
<meta name="viewport"
content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true"/>
<!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="format-detection" content="telephone=no">
<!-- force webkit on 360 -->
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<!-- force edge on IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="msapplication-tap-highlight" content="no">
<!-- force full screen on some browser -->
<meta name="full-screen" content="yes"/>
<meta name="x5-fullscreen" content="true"/>
<meta name="360-fullscreen" content="true"/>
<!--fix fireball/issues/3568 -->
<!--<meta name="browsermode" content="application">-->
<meta name="x5-page-mode" content="app">
<!--<link rel="apple-touch-icon" href=".png" />-->
<!--<link rel="apple-touch-icon-precomposed" href=".png" />-->
<link rel="stylesheet" type="text/css" href="<%= cssUrl %>"/>
</head>
<body>
<div id="GameDiv" cc_exact_fit_screen="true">
<div id="Cocos3dGameContainer">
<canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="99"></canvas>
</div>
</div>
<%- include(cocosTemplate, {}) %>
</body>
</html>