diff --git a/assets/effects/sprite-gray.effect b/assets/effects/sprite-gray.effect
new file mode 100644
index 0000000..50e1327
--- /dev/null
+++ b/assets/effects/sprite-gray.effect
@@ -0,0 +1,110 @@
+// Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd.
+// 灰化特效
+// 原理：
+// r = 0.2126 * r + 0.7152 * g + 0.0722 * b
+// g = 0.2126 * r + 0.7152 * g + 0.0722 * b
+// b = 0.2126 * r + 0.7152 * g + 0.0722 * b
+
+CCEffect %{
+ techniques:
+ - passes:
+ - vert: vs
+ frag: fs
+ blendState:
+ targets:
+ - blend: true
+ rasterizerState:
+ cullMode: none
+ properties:
+ texture: { value: white }
+ alphaThreshold: { value: 0.5 }
+ # 灰化程度
+ grayLevel: {
+ value: 1.0,
+ inspector: {
+ tooltip: "灰化程度",
+ range: [0.0, 1.0]
+ }
+ }
+}%
+
+
+CCProgram vs %{
+ precision highp float;
+
+ #include <cc-global>
+ #include <cc-local>
+
+ in vec3 a_position;
+ in vec4 a_color;
+ out vec4 v_color;
+
+ #if USE_TEXTURE
+ in vec2 a_uv0;
+ out vec2 v_uv0;
+ #endif
+
+ void main () {
+ vec4 pos = vec4(a_position, 1);
+
+ #if CC_USE_MODEL
+ pos = cc_matViewProj * cc_matWorld * pos;
+ #else
+ pos = cc_matViewProj * pos;
+ #endif
+
+ #if USE_TEXTURE
+ v_uv0 = a_uv0;
+ #endif
+
+ v_color = a_color;
+
+ gl_Position = pos;
+ }
+}%
+
+
+CCProgram fs %{
+ precision highp float;
+
+ #include <alpha-test>
+
+ in vec4 v_color;
+
+ #if USE_TEXTURE
+ in vec2 v_uv0;
+ uniform sampler2D texture;
+ #endif
+
+ #if USE_GRAY
+ uniform GrayPhoto {
+ // 灰化程度
+ float grayLevel;
+ }
+ #endif
+
+ void main () {
+ vec4 o = vec4(1, 1, 1, 1);
+
+ #if USE_TEXTURE
+ o *= texture(texture, v_uv0);
+ #if CC_USE_ALPHA_ATLAS_TEXTURE
+ o.a *= texture2D(texture, v_uv0 + vec2(0, 0.5)).r;
+ #endif
+ #endif
+
+ o *= v_color;
+
+ ALPHA_TEST(o);
+
+ #if USE_GRAY
+ vec4 srcColor = o;
+
+ float gray = 0.2126 * o.r + 0.7152 * o.g + 0.0722 * o.b;
+ vec4 grayColor = vec4(gray, gray, gray, o.a);
+
+ o = srcColor + (grayColor - srcColor) * grayLevel;
+ #endif
+ gl_FragColor = o;
+ }
+}%
diff --git a/assets/effects/sprite-gray.effect.meta b/assets/effects/sprite-gray.effect.meta
new file mode 100644
index 0000000..c6f3b27
--- /dev/null
+++ b/assets/effects/sprite-gray.effect.meta
@@ -0,0 +1,17 @@
+{
+ "ver": "1.0.23",
+ "uuid": "2e5b29d9-dd5e-4f3d-92e9-e580745b3bc8",
+ "compiledShaders": [
+ {
+ "glsl1": {
+ "vert": "\nprecision highp float;\nuniform mat4 cc_matViewProj;\nuniform mat4 cc_matWorld;\n\nattribute vec3 a_position;\nattribute vec4 a_color;\nvarying vec4 v_color;\n\n#if USE_TEXTURE\nattribute vec2 a_uv0;\nvarying vec2 v_uv0;\n#endif\n\nvoid main () {\n vec4 pos = vec4(a_position, 1);\n\n #if CC_USE_MODEL\n pos = cc_matViewProj * cc_matWorld * pos;\n #else\n pos = cc_matViewProj * pos;\n #endif\n\n #if USE_TEXTURE\n v_uv0 = a_uv0;\n #endif\n\n v_color = a_color;\n\n gl_Position = pos;\n}\n",
+ "frag": "\nprecision highp float;\n\n#if USE_ALPHA_TEST\n \n uniform float alphaThreshold;\n#endif\n\nvoid ALPHA_TEST (in vec4 color) {\n #if USE_ALPHA_TEST\n if (color.a < alphaThreshold) discard;\n #endif\n}\n\nvoid ALPHA_TEST (in float alpha) {\n #if USE_ALPHA_TEST\n if (alpha < alphaThreshold) discard;\n #endif\n}\n\nvarying vec4 v_color;\n\n#if USE_TEXTURE\nvarying vec2 v_uv0;\nuniform sampler2D texture;\n#endif\n\n#if USE_GRAY\nuniform float grayLevel;\n#endif\n\nvoid main () {\n vec4 o = vec4(1, 1, 1, 1);\n\n #if USE_TEXTURE\n o *= texture2D(texture, v_uv0);\n #if CC_USE_ALPHA_ATLAS_TEXTURE\n o.a *= texture2D(texture, v_uv0 + vec2(0, 0.5)).r;\n #endif\n #endif\n\n o *= v_color;\n\n ALPHA_TEST(o);\n\n #if USE_GRAY\n vec4 srcColor = o;\n\n float gray = 0.2126 * o.r + 0.7152 * o.g + 0.0722 * o.b;\n vec4 grayColor = vec4(gray, gray, gray, o.a);\n\n o = srcColor + (grayColor - srcColor) * grayLevel;\n #endif\n gl_FragColor = o;\n}\n"
+ },
+ "glsl3": {
+ "vert": "\nprecision highp float;\nuniform CCGlobal {\n vec4 cc_time;\n\n vec4 cc_screenSize;\n\n vec4 cc_screenScale;\n\n vec4 cc_nativeSize;\n\n mat4 cc_matView;\n mat4 cc_matViewInv;\n mat4 cc_matProj;\n mat4 cc_matProjInv;\n mat4 cc_matViewProj;\n mat4 cc_matViewProjInv;\n vec4 cc_cameraPos;\n\n vec4 cc_exposure;\n\n vec4 cc_mainLitDir;\n\n vec4 cc_mainLitColor;\n\n vec4 cc_ambientSky;\n vec4 cc_ambientGround;\n};\nuniform CCLocal {\n mat4 cc_matWorld;\n mat4 cc_matWorldIT;\n};\n\nin vec3 a_position;\nin vec4 a_color;\nout vec4 v_color;\n\n#if USE_TEXTURE\nin vec2 a_uv0;\nout vec2 v_uv0;\n#endif\n\nvoid main () {\n vec4 pos = vec4(a_position, 1);\n\n #if CC_USE_MODEL\n pos = cc_matViewProj * cc_matWorld * pos;\n #else\n pos = cc_matViewProj * pos;\n #endif\n\n #if USE_TEXTURE\n v_uv0 = a_uv0;\n #endif\n\n v_color = a_color;\n\n gl_Position = pos;\n}\n",
+ "frag": "\nprecision highp float;\n\n#if USE_ALPHA_TEST\n \n uniform ALPHA_TEST {\n float alphaThreshold;\n }\n#endif\n\nvoid ALPHA_TEST (in vec4 color) {\n #if USE_ALPHA_TEST\n if (color.a < alphaThreshold) discard;\n #endif\n}\n\nvoid ALPHA_TEST (in float alpha) {\n #if USE_ALPHA_TEST\n if (alpha < alphaThreshold) discard;\n #endif\n}\n\nin vec4 v_color;\n\n#if USE_TEXTURE\nin vec2 v_uv0;\nuniform sampler2D texture;\n#endif\n\n#if USE_GRAY\nuniform GrayPhoto {\n\n float grayLevel;\n}\n#endif\n\nvoid main () {\n vec4 o = vec4(1, 1, 1, 1);\n\n #if USE_TEXTURE\n o *= texture(texture, v_uv0);\n #if CC_USE_ALPHA_ATLAS_TEXTURE\n o.a *= texture2D(texture, v_uv0 + vec2(0, 0.5)).r;\n #endif\n #endif\n\n o *= v_color;\n\n ALPHA_TEST(o);\n\n #if USE_GRAY\n vec4 srcColor = o;\n\n float gray = 0.2126 * o.r + 0.7152 * o.g + 0.0722 * o.b;\n vec4 grayColor = vec4(gray, gray, gray, o.a);\n\n o = srcColor + (grayColor - srcColor) * grayLevel;\n #endif\n gl_FragColor = o;\n}\n"
+ }
+ }
+ ],
+ "subMetas": {}
+}
\ No newline at end of file
diff --git a/assets/materials/sprite-gray.mtl b/assets/materials/sprite-gray.mtl
new file mode 100644
index 0000000..b6eb2a7
--- /dev/null
+++ b/assets/materials/sprite-gray.mtl
@@ -0,0 +1,14 @@
+{
+ "__type__": "cc.Material",
+ "_name": "",
+ "_objFlags": 0,
+ "_native": "",
+ "_effectAsset": {
+ "__uuid__": "2e5b29d9-dd5e-4f3d-92e9-e580745b3bc8"
+ },
+ "_defines": {
+ "USE_TEXTURE": true,
+ "USE_GRAY": true
+ },
+ "_props": {}
+}
\ No newline at end of file
diff --git a/assets/materials/sprite-gray.mtl.meta b/assets/materials/sprite-gray.mtl.meta
new file mode 100644
index 0000000..77e9bbd
--- /dev/null
+++ b/assets/materials/sprite-gray.mtl.meta
@@ -0,0 +1,6 @@
+{
+ "ver": "1.0.2",
+ "uuid": "ee9df2cd-dc1c-4fa7-9ef6-b253eee81746",
+ "dataAsSubAsset": null,
+ "subMetas": {}
+}
\ No newline at end of file
diff --git a/assets/scenes/GrayEffectScene.fire b/assets/scenes/GrayEffectScene.fire
new file mode 100755
index 0000000..4ab5ca3
--- /dev/null
+++ b/assets/scenes/GrayEffectScene.fire
@@ -0,0 +1,2062 @@
+[
+ {
+ "__type__": "cc.SceneAsset",
+ "_name": "",
+ "_objFlags": 0,
+ "_native": "",
+ "scene": {
+ "__id__": 1
+ }
+ },
+ {
+ "__type__": "cc.Scene",
+ "_objFlags": 0,
+ "_parent": null,
+ "_children": [
+ {
+ "__id__": 2
+ }
+ ],
+ "_active": false,
+ "_components": [],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 0,
+ "height": 0
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "y": 0
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 0,
+ 0,
+ 0,
+ 0,
+ 0,
+ 0,
+ 1,
+ 1,
+ 1,
+ 1
+ ]
+ },
+ "_is3DNode": true,
+ "_groupIndex": 0,
+ "groupIndex": 0,
+ "autoReleaseAssets": false,
+ "_id": "46f3cebd-8cc8-462a-885d-9a2984712368"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "Canvas",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 1
+ },
+ "_children": [
+ {
+ "__id__": 3
+ },
+ {
+ "__id__": 5
+ }
+ ],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 45
+ },
+ {
+ "__id__": 46
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 252,
+ "g": 252,
+ "b": 252,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 960,
+ "height": 640
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 480,
+ 320,
+ 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": "a286bbGknJLZpRpxROV6M94"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "Main Camera",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 2
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 4
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 0,
+ "height": 0
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 0,
+ 0,
+ 394.90758412570403,
+ 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": "fbL5wf1mhFa6PPZbeZvnZ9"
+ },
+ {
+ "__type__": "cc.Camera",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 3
+ },
+ "_enabled": true,
+ "_cullingMask": 4294967295,
+ "_clearFlags": 7,
+ "_backgroundColor": {
+ "__type__": "cc.Color",
+ "r": 0,
+ "g": 0,
+ "b": 0,
+ "a": 255
+ },
+ "_depth": -1,
+ "_zoomRatio": 1,
+ "_targetTexture": null,
+ "_fov": 60,
+ "_orthoSize": 10,
+ "_nearClip": 1,
+ "_farClip": 4096,
+ "_ortho": true,
+ "_rect": {
+ "__type__": "cc.Rect",
+ "x": 0,
+ "y": 0,
+ "width": 1,
+ "height": 1
+ },
+ "_renderStages": 1,
+ "_alignWithScreen": true,
+ "_id": "adItdqNzZHbYUhDAmfCr9b"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "Content",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 2
+ },
+ "_children": [
+ {
+ "__id__": 6
+ },
+ {
+ "__id__": 9
+ },
+ {
+ "__id__": 29
+ }
+ ],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 44
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 960,
+ "height": 640
+ },
+ "_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": "faqYlnbttBCaJJgkn4Ntv/"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "Bg",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 5
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 7
+ },
+ {
+ "__id__": 8
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 27,
+ "g": 38,
+ "b": 46,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 960,
+ "height": 640
+ },
+ "_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": "e2e0crkOLxGrpMxpbC4iQg1"
+ },
+ {
+ "__type__": "cc.Widget",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 6
+ },
+ "_enabled": true,
+ "alignMode": 0,
+ "_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": 200,
+ "_originalHeight": 150,
+ "_id": "89IA6P0/5JEZERosKJJo6k"
+ },
+ {
+ "__type__": "cc.Sprite",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 6
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+ }
+ ],
+ "_srcBlendFactor": 770,
+ "_dstBlendFactor": 771,
+ "_spriteFrame": {
+ "__uuid__": "410fb916-8721-4663-bab8-34397391ace7"
+ },
+ "_type": 1,
+ "_sizeMode": 0,
+ "_fillType": 0,
+ "_fillCenter": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "y": 0
+ },
+ "_fillStart": 0,
+ "_fillRange": 0,
+ "_isTrimmedMode": true,
+ "_atlas": null,
+ "_id": "2azjUbJNxALLAfDZrJ8TV0"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "Sliders",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 5
+ },
+ "_children": [
+ {
+ "__id__": 10
+ }
+ ],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 27
+ },
+ {
+ "__id__": 28
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 576,
+ "height": 60
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 1
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ -192,
+ 320,
+ 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": "d0PWmVX95D3LEcvBQBPDr+"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "GrayLevelSlider",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 9
+ },
+ "_children": [
+ {
+ "__id__": 11
+ },
+ {
+ "__id__": 14
+ },
+ {
+ "__id__": 23
+ }
+ ],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 26
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 576,
+ "height": 60
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 0,
+ -30,
+ 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": "669o93+gJMWJFGUDKSDUJ7"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "SliderDescLabel",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 10
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 12
+ },
+ {
+ "__id__": 13
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 144,
+ "height": 40
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 1,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ -144,
+ 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": "d9MLgZpaFCEZu70E0LAUbn"
+ },
+ {
+ "__type__": "cc.Label",
+ "_name": "SliderDescLabel<Label>",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 11
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+ }
+ ],
+ "_useOriginalSize": false,
+ "_string": "灰化程度：",
+ "_N$string": "灰化程度：",
+ "_fontSize": 40,
+ "_lineHeight": 40,
+ "_enableWrapText": true,
+ "_N$file": null,
+ "_isSystemFontUsed": true,
+ "_spacingX": 0,
+ "_batchAsBitmap": false,
+ "_N$horizontalAlign": 2,
+ "_N$verticalAlign": 1,
+ "_N$fontFamily": "Arial",
+ "_N$overflow": 2,
+ "_N$cacheMode": 0,
+ "_id": "f4Hg8I+RhEqbWOBkEEOcYc"
+ },
+ {
+ "__type__": "cc.Widget",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 11
+ },
+ "_enabled": true,
+ "alignMode": 1,
+ "_target": null,
+ "_alignFlags": 45,
+ "_left": 0,
+ "_right": 0.75,
+ "_top": 10,
+ "_bottom": 10,
+ "_verticalCenter": 0,
+ "_horizontalCenter": 0,
+ "_isAbsLeft": true,
+ "_isAbsRight": false,
+ "_isAbsTop": true,
+ "_isAbsBottom": true,
+ "_isAbsHorizontalCenter": true,
+ "_isAbsVerticalCenter": true,
+ "_originalWidth": 113.38,
+ "_originalHeight": 50.4,
+ "_id": "bep2S1v8FL15W8eBH2S6xE"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "Slider",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 10
+ },
+ "_children": [
+ {
+ "__id__": 15
+ },
+ {
+ "__id__": 18
+ }
+ ],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 21
+ },
+ {
+ "__id__": 22
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 230.40000000000003,
+ "height": 60
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ -115.20000000000002,
+ 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": "d5tgt13ihGdrp3JeCDlHdL"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "Background",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 14
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 16
+ },
+ {
+ "__id__": 17
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 230.40000000000003,
+ "height": 20
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "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": "02yVtZR3lIzoNcrUCehx6Z"
+ },
+ {
+ "__type__": "cc.Sprite",
+ "_name": "Background<Sprite>",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 15
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+ }
+ ],
+ "_srcBlendFactor": 770,
+ "_dstBlendFactor": 771,
+ "_spriteFrame": {
+ "__uuid__": "31d8962d-babb-4ec7-be19-8e9f54a4ea99"
+ },
+ "_type": 1,
+ "_sizeMode": 0,
+ "_fillType": 0,
+ "_fillCenter": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "y": 0
+ },
+ "_fillStart": 0,
+ "_fillRange": 0,
+ "_isTrimmedMode": true,
+ "_atlas": null,
+ "_id": "e3nPQVLp1EHbdxQFE+WpWs"
+ },
+ {
+ "__type__": "cc.Widget",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 15
+ },
+ "_enabled": true,
+ "alignMode": 1,
+ "_target": null,
+ "_alignFlags": 45,
+ "_left": 0,
+ "_right": 0,
+ "_top": 20,
+ "_bottom": 20,
+ "_verticalCenter": 0,
+ "_horizontalCenter": 0,
+ "_isAbsLeft": true,
+ "_isAbsRight": true,
+ "_isAbsTop": true,
+ "_isAbsBottom": true,
+ "_isAbsHorizontalCenter": true,
+ "_isAbsVerticalCenter": true,
+ "_originalWidth": 300,
+ "_originalHeight": 20,
+ "_id": "a8XR8fvBlFoJGwBW/efzNI"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "Handle",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 14
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 19
+ },
+ {
+ "__id__": 20
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 32,
+ "height": 32
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 230.40000000000006,
+ 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": "d7FHcAao1CbIAoZFo+rotM"
+ },
+ {
+ "__type__": "cc.Sprite",
+ "_name": "Handle<Sprite>",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 18
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+ }
+ ],
+ "_srcBlendFactor": 770,
+ "_dstBlendFactor": 771,
+ "_spriteFrame": {
+ "__uuid__": "e7aba14b-f956-4480-b254-8d57832e273f"
+ },
+ "_type": 1,
+ "_sizeMode": 2,
+ "_fillType": 0,
+ "_fillCenter": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "y": 0
+ },
+ "_fillStart": 0,
+ "_fillRange": 0,
+ "_isTrimmedMode": true,
+ "_atlas": null,
+ "_id": "295xE2N4lP2Jr/pNcdNVWL"
+ },
+ {
+ "__type__": "cc.Button",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 18
+ },
+ "_enabled": true,
+ "_normalMaterial": null,
+ "_grayMaterial": null,
+ "duration": 0.1,
+ "zoomScale": 1.1,
+ "clickEvents": [],
+ "_N$interactable": true,
+ "_N$enableAutoGrayEffect": true,
+ "_N$transition": 3,
+ "transition": 3,
+ "_N$normalColor": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_N$pressedColor": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "pressedColor": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "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": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_N$normalSprite": {
+ "__uuid__": "e7aba14b-f956-4480-b254-8d57832e273f"
+ },
+ "_N$pressedSprite": {
+ "__uuid__": "e7aba14b-f956-4480-b254-8d57832e273f"
+ },
+ "pressedSprite": {
+ "__uuid__": "e7aba14b-f956-4480-b254-8d57832e273f"
+ },
+ "_N$hoverSprite": {
+ "__uuid__": "e7aba14b-f956-4480-b254-8d57832e273f"
+ },
+ "hoverSprite": {
+ "__uuid__": "e7aba14b-f956-4480-b254-8d57832e273f"
+ },
+ "_N$disabledSprite": {
+ "__uuid__": "29158224-f8dd-4661-a796-1ffab537140e"
+ },
+ "_N$target": {
+ "__id__": 18
+ },
+ "_id": "c4tGFYFOxAOI9P7fZNDabo"
+ },
+ {
+ "__type__": "cc.Widget",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 14
+ },
+ "_enabled": true,
+ "alignMode": 1,
+ "_target": null,
+ "_alignFlags": 45,
+ "_left": 0.3,
+ "_right": 0.3,
+ "_top": 0,
+ "_bottom": 0,
+ "_verticalCenter": 0,
+ "_horizontalCenter": 0,
+ "_isAbsLeft": false,
+ "_isAbsRight": false,
+ "_isAbsTop": true,
+ "_isAbsBottom": true,
+ "_isAbsHorizontalCenter": true,
+ "_isAbsVerticalCenter": true,
+ "_originalWidth": 300,
+ "_originalHeight": 20,
+ "_id": "88s8GJuZ5GH5bk0lgDzp91"
+ },
+ {
+ "__type__": "cc.Slider",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 14
+ },
+ "_enabled": true,
+ "direction": 0,
+ "slideEvents": [],
+ "_N$handle": {
+ "__id__": 20
+ },
+ "_N$progress": 1,
+ "_id": "c2uNTLxCdF2oHJ+IS0EBLe"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "ValueLabel",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 10
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 24
+ },
+ {
+ "__id__": 25
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 144,
+ "height": 40
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 1,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 288,
+ 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": "1aVFesZMVJNpZYCKlHlGCo"
+ },
+ {
+ "__type__": "cc.Widget",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 23
+ },
+ "_enabled": true,
+ "alignMode": 1,
+ "_target": null,
+ "_alignFlags": 45,
+ "_left": 0.75,
+ "_right": 0,
+ "_top": 10,
+ "_bottom": 10,
+ "_verticalCenter": 0,
+ "_horizontalCenter": 0,
+ "_isAbsLeft": false,
+ "_isAbsRight": true,
+ "_isAbsTop": true,
+ "_isAbsBottom": true,
+ "_isAbsHorizontalCenter": true,
+ "_isAbsVerticalCenter": true,
+ "_originalWidth": 113.38,
+ "_originalHeight": 50.4,
+ "_id": "d0GO0aWsdBCr+j2fOYGgIj"
+ },
+ {
+ "__type__": "cc.Label",
+ "_name": "ValueLabel<Label>",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 23
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
+ }
+ ],
+ "_useOriginalSize": false,
+ "_string": "0.10",
+ "_N$string": "0.10",
+ "_fontSize": 40,
+ "_lineHeight": 40,
+ "_enableWrapText": true,
+ "_N$file": null,
+ "_isSystemFontUsed": true,
+ "_spacingX": 0,
+ "_batchAsBitmap": false,
+ "_N$horizontalAlign": 0,
+ "_N$verticalAlign": 1,
+ "_N$fontFamily": "Arial",
+ "_N$overflow": 2,
+ "_N$cacheMode": 0,
+ "_id": "b4KI0MDdxOoa1+vZxoOFv7"
+ },
+ {
+ "__type__": "cc.Widget",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 10
+ },
+ "_enabled": true,
+ "alignMode": 1,
+ "_target": null,
+ "_alignFlags": 40,
+ "_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": 461.38,
+ "_originalHeight": 0,
+ "_id": "785zd8XfJMALOKEKNQ7O0m"
+ },
+ {
+ "__type__": "cc.Widget",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 9
+ },
+ "_enabled": true,
+ "alignMode": 1,
+ "_target": null,
+ "_alignFlags": 41,
+ "_left": 0,
+ "_right": 0.4,
+ "_top": 0,
+ "_bottom": 0.23125,
+ "_verticalCenter": 0,
+ "_horizontalCenter": 0,
+ "_isAbsLeft": true,
+ "_isAbsRight": false,
+ "_isAbsTop": true,
+ "_isAbsBottom": false,
+ "_isAbsHorizontalCenter": true,
+ "_isAbsVerticalCenter": true,
+ "_originalWidth": 0,
+ "_originalHeight": 444,
+ "_id": "e7Os7KkLlEeLOPd7JQzY4j"
+ },
+ {
+ "__type__": "cc.Layout",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 9
+ },
+ "_enabled": true,
+ "_layoutSize": {
+ "__type__": "cc.Size",
+ "width": 576,
+ "height": 60
+ },
+ "_resize": 1,
+ "_N$layoutType": 2,
+ "_N$padding": 0,
+ "_N$cellSize": {
+ "__type__": "cc.Size",
+ "width": 40,
+ "height": 40
+ },
+ "_N$startAxis": 0,
+ "_N$paddingLeft": 0,
+ "_N$paddingRight": 0,
+ "_N$paddingTop": 0,
+ "_N$paddingBottom": 0,
+ "_N$spacingX": 0,
+ "_N$spacingY": 36,
+ "_N$verticalDirection": 1,
+ "_N$horizontalDirection": 0,
+ "_N$affectedByScale": false,
+ "_id": "dcesuWs1ZLArYMt73TQ8nN"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "Examples",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 5
+ },
+ "_children": [
+ {
+ "__id__": 30
+ },
+ {
+ "__id__": 32
+ },
+ {
+ "__id__": 34
+ },
+ {
+ "__id__": 36
+ },
+ {
+ "__id__": 38
+ },
+ {
+ "__id__": 40
+ }
+ ],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 42
+ },
+ {
+ "__id__": 43
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 384,
+ "height": 583.73
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 1
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 288,
+ 320,
+ 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": "feymBChPxA1pr6+/rlPqey"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "ball_0",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 29
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 31
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 60,
+ "height": 60
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 0,
+ -30,
+ 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": "49czqIEPBHr6kLJbb+kN8/"
+ },
+ {
+ "__type__": "cc.Sprite",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 30
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "ee9df2cd-dc1c-4fa7-9ef6-b253eee81746"
+ }
+ ],
+ "_srcBlendFactor": 770,
+ "_dstBlendFactor": 771,
+ "_spriteFrame": {
+ "__uuid__": "d0b78623-4e79-4de1-b1d2-ea211bf4652c"
+ },
+ "_type": 0,
+ "_sizeMode": 1,
+ "_fillType": 0,
+ "_fillCenter": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "y": 0
+ },
+ "_fillStart": 0,
+ "_fillRange": 0,
+ "_isTrimmedMode": true,
+ "_atlas": null,
+ "_id": "94vIBMHVlAN4EGbkr2wRvX"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "cocos_logo",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 29
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 33
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 195,
+ "height": 270
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 0,
+ -207,
+ 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": "25JHa6EcNEBZ1hoesQM1Q4"
+ },
+ {
+ "__type__": "cc.Sprite",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 32
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "ee9df2cd-dc1c-4fa7-9ef6-b253eee81746"
+ }
+ ],
+ "_srcBlendFactor": 770,
+ "_dstBlendFactor": 771,
+ "_spriteFrame": {
+ "__uuid__": "31bc895a-c003-4566-a9f3-2e54ae1c17dc"
+ },
+ "_type": 0,
+ "_sizeMode": 1,
+ "_fillType": 0,
+ "_fillCenter": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "y": 0
+ },
+ "_fillStart": 0,
+ "_fillRange": 0,
+ "_isTrimmedMode": true,
+ "_atlas": null,
+ "_id": "74+WCqN01NIbcSpr5gcxmE"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "ball_1",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 29
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 35
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 60,
+ "height": 60
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 0,
+ -384,
+ 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": "08wsP0gQdCnrq+UzPWkn0+"
+ },
+ {
+ "__type__": "cc.Sprite",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 34
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "ee9df2cd-dc1c-4fa7-9ef6-b253eee81746"
+ }
+ ],
+ "_srcBlendFactor": 770,
+ "_dstBlendFactor": 771,
+ "_spriteFrame": {
+ "__uuid__": "969fa66a-ae10-4157-b16e-4c1a4665920c"
+ },
+ "_type": 0,
+ "_sizeMode": 1,
+ "_fillType": 0,
+ "_fillCenter": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "y": 0
+ },
+ "_fillStart": 0,
+ "_fillRange": 0,
+ "_isTrimmedMode": true,
+ "_atlas": null,
+ "_id": "4bH5hzKe9LsLQeXjLynIHQ"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "video_btn",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 29
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 37
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 50,
+ "height": 50
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 0,
+ -451,
+ 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": "c73V7fMuVE0aD5fGtmyzmF"
+ },
+ {
+ "__type__": "cc.Sprite",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 36
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "ee9df2cd-dc1c-4fa7-9ef6-b253eee81746"
+ }
+ ],
+ "_srcBlendFactor": 770,
+ "_dstBlendFactor": 771,
+ "_spriteFrame": {
+ "__uuid__": "54142b08-a163-426e-a75e-4c7b21046413"
+ },
+ "_type": 0,
+ "_sizeMode": 1,
+ "_fillType": 0,
+ "_fillCenter": {
+ "__type__": "cc.Vec2",
+ "x": 0,
+ "y": 0
+ },
+ "_fillStart": 0,
+ "_fillRange": 0,
+ "_isTrimmedMode": true,
+ "_atlas": null,
+ "_id": "f43fJCjNdOS5VHAEhp0yDU"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "SystemFont",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 29
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 39
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 224.51,
+ "height": 50.4
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 0,
+ -513.2,
+ 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": "5dfIaYLgJPQKk50HqrgyHI"
+ },
+ {
+ "__type__": "cc.Label",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 38
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "ee9df2cd-dc1c-4fa7-9ef6-b253eee81746"
+ }
+ ],
+ "_useOriginalSize": false,
+ "_string": "System Font",
+ "_N$string": "System Font",
+ "_fontSize": 40,
+ "_lineHeight": 40,
+ "_enableWrapText": true,
+ "_N$file": null,
+ "_isSystemFontUsed": true,
+ "_spacingX": 0,
+ "_batchAsBitmap": false,
+ "_N$horizontalAlign": 1,
+ "_N$verticalAlign": 1,
+ "_N$fontFamily": "Arial",
+ "_N$overflow": 0,
+ "_N$cacheMode": 0,
+ "_id": "d1whc7H8RHdrROcYj+2Qh1"
+ },
+ {
+ "__type__": "cc.Node",
+ "_name": "BmFont",
+ "_objFlags": 0,
+ "_parent": {
+ "__id__": 29
+ },
+ "_children": [],
+ "_active": true,
+ "_components": [
+ {
+ "__id__": 41
+ }
+ ],
+ "_prefab": null,
+ "_opacity": 255,
+ "_color": {
+ "__type__": "cc.Color",
+ "r": 255,
+ "g": 255,
+ "b": 255,
+ "a": 255
+ },
+ "_contentSize": {
+ "__type__": "cc.Size",
+ "width": 167.5,
+ "height": 33.33
+ },
+ "_anchorPoint": {
+ "__type__": "cc.Vec2",
+ "x": 0.5,
+ "y": 0.5
+ },
+ "_trs": {
+ "__type__": "TypedArray",
+ "ctor": "Float64Array",
+ "array": [
+ 0,
+ -567.065,
+ 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": "e4XmdmRoVPxKoDxfbOgm42"
+ },
+ {
+ "__type__": "cc.Label",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 40
+ },
+ "_enabled": true,
+ "_materials": [
+ {
+ "__uuid__": "ee9df2cd-dc1c-4fa7-9ef6-b253eee81746"
+ }
+ ],
+ "_useOriginalSize": false,
+ "_string": "BM Font",
+ "_N$string": "BM Font",
+ "_fontSize": 40,
+ "_lineHeight": 40,
+ "_enableWrapText": true,
+ "_N$file": {
+ "__uuid__": "4c95de7e-8cca-47bf-a446-47b7594e0992"
+ },
+ "_isSystemFontUsed": false,
+ "_spacingX": 0,
+ "_batchAsBitmap": false,
+ "_N$horizontalAlign": 1,
+ "_N$verticalAlign": 1,
+ "_N$fontFamily": "Arial",
+ "_N$overflow": 0,
+ "_N$cacheMode": 0,
+ "_id": "7cXLgoUJhDP7BPjr4yx+Ep"
+ },
+ {
+ "__type__": "cc.Widget",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 29
+ },
+ "_enabled": true,
+ "alignMode": 1,
+ "_target": null,
+ "_alignFlags": 41,
+ "_left": 0.6,
+ "_right": 0,
+ "_top": 0,
+ "_bottom": 48,
+ "_verticalCenter": 0,
+ "_horizontalCenter": 0,
+ "_isAbsLeft": false,
+ "_isAbsRight": true,
+ "_isAbsTop": true,
+ "_isAbsBottom": true,
+ "_isAbsHorizontalCenter": true,
+ "_isAbsVerticalCenter": true,
+ "_originalWidth": 509,
+ "_originalHeight": 0,
+ "_id": "80mVZhmc1LHYCtsbpy1Jnu"
+ },
+ {
+ "__type__": "cc.Layout",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 29
+ },
+ "_enabled": true,
+ "_layoutSize": {
+ "__type__": "cc.Size",
+ "width": 384,
+ "height": 583.73
+ },
+ "_resize": 1,
+ "_N$layoutType": 2,
+ "_N$padding": 0,
+ "_N$cellSize": {
+ "__type__": "cc.Size",
+ "width": 40,
+ "height": 40
+ },
+ "_N$startAxis": 0,
+ "_N$paddingLeft": 0,
+ "_N$paddingRight": 0,
+ "_N$paddingTop": 0,
+ "_N$paddingBottom": 0,
+ "_N$spacingX": 48,
+ "_N$spacingY": 12,
+ "_N$verticalDirection": 1,
+ "_N$horizontalDirection": 0,
+ "_N$affectedByScale": false,
+ "_id": "ff9z0nF9BGm5zFMuGhj1jt"
+ },
+ {
+ "__type__": "68622NlRNJFN4QrXlFCQMe/",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 5
+ },
+ "_enabled": true,
+ "_id": "d0LfKEJ/dDCIoTfYJyyNvM"
+ },
+ {
+ "__type__": "cc.Canvas",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 2
+ },
+ "_enabled": true,
+ "_designResolution": {
+ "__type__": "cc.Size",
+ "width": 960,
+ "height": 640
+ },
+ "_fitWidth": true,
+ "_fitHeight": true,
+ "_id": "4bz2+ak99DBYVlSVIMFGN0"
+ },
+ {
+ "__type__": "0b2eeYO0iZEr7/PlbdSZuUf",
+ "_name": "",
+ "_objFlags": 0,
+ "node": {
+ "__id__": 2
+ },
+ "_enabled": true,
+ "_id": "15Zc5pRfhPD5BBaIqSPNrC"
+ }
+]
\ No newline at end of file
diff --git a/assets/scenes/GrayEffectScene.fire.meta b/assets/scenes/GrayEffectScene.fire.meta
new file mode 100644
index 0000000..b43374a
--- /dev/null
+++ b/assets/scenes/GrayEffectScene.fire.meta
@@ -0,0 +1,7 @@
+{
+ "ver": "1.2.5",
+ "uuid": "46f3cebd-8cc8-462a-885d-9a2984712368",
+ "asyncLoadAssets": false,
+ "autoReleaseAssets": false,
+ "subMetas": {}
+}
\ No newline at end of file
diff --git a/assets/scripts/GrayEffectScene.ts b/assets/scripts/GrayEffectScene.ts
new file mode 100644
index 0000000..1a4b1ab
--- /dev/null
+++ b/assets/scripts/GrayEffectScene.ts
@@ -0,0 +1,59 @@
+const { ccclass, property } = cc._decorator;
+
+@ccclass
+export default class GrayEffectScene extends cc.Component {
+ private _grayLevelSlider: cc.Slider = null;
+ private _grayLevelSliderLabel: cc.Label = null;
+
+ private _examplesParentNode: cc.Node = null;
+
+ onLoad() {
+ this._grayLevelSlider = cc.find("Canvas/Content/Sliders/GrayLevelSlider/Slider").getComponent(cc.Slider);
+ this._grayLevelSliderLabel = cc.find("Canvas/Content/Sliders/GrayLevelSlider/ValueLabel").getComponent(cc.Label);
+
+ this._examplesParentNode = cc.find("Canvas/Content/Examples");
+ }
+
+ onEnable() {
+ this._grayLevelSlider.node.on("slide", this._onSliderChanged, this);
+ }
+
+ onDisable() {
+ this._grayLevelSlider.node.off("slide", this._onSliderChanged, this);
+ }
+
+ start() {
+ this._onSliderChanged();
+ }
+
+ private _onSliderChanged() {
+ this._grayLevelSliderLabel.string = `${this._grayLevelSlider.progress.toFixed(2)}`;
+
+ // 更新材质
+ this._updateRenderComponentMaterial({
+ grayLevel: this._grayLevelSlider.progress
+ });
+ }
+
+ /**
+ * 更新渲染组件的材质
+ *
+ * 1. 获取材质
+ * 2. 给材质的 unitform 变量赋值
+ * 3. 重新将材质赋值回去
+ */
+ private _updateRenderComponentMaterial(param: {
+ /**
+ * 灰化程度 [0.0, 1.0] ，1.0 表示完全灰化
+ */
+ grayLevel: number;
+ }) {
+ this._examplesParentNode.children.forEach(childNode => {
+ childNode.getComponents(cc.RenderComponent).forEach(renderComponent => {
+ let material: cc.Material = renderComponent.getMaterial(0);
+ material.setProperty("grayLevel", param.grayLevel);
+ renderComponent.setMaterial(0, material);
+ });
+ });
+ }
+}
diff --git a/assets/scripts/GrayEffectScene.ts.meta b/assets/scripts/GrayEffectScene.ts.meta
new file mode 100644
index 0000000..3c94a66
--- /dev/null
+++ b/assets/scripts/GrayEffectScene.ts.meta
@@ -0,0 +1,9 @@
+{
+ "ver": "1.0.5",
+ "uuid": "0b2ee60e-d226-44af-bfcf-95b75266e51f",
+ "isPlugin": false,
+ "loadPluginInWeb": true,
+ "loadPluginInNative": true,
+ "loadPluginInEditor": false,
+ "subMetas": {}
+}
\ No newline at end of file