| OLD | NEW |
| (Empty) |
| 1 123456Before: | |
| 2 { | |
| 3 "bounds": [800, 600], | |
| 4 "children": [ | |
| 5 { | |
| 6 "bounds": [800, 600], | |
| 7 "contentsOpaque": true, | |
| 8 "drawsContent": true, | |
| 9 "children": [ | |
| 10 { | |
| 11 "position": [108, 108], | |
| 12 "children": [ | |
| 13 { | |
| 14 "shouldFlattenTransform": false, | |
| 15 "transform": [ | |
| 16 [1, 0, 0, 0], | |
| 17 [0, 1, 0, 0], | |
| 18 [-0.25, -0.25, 1, -0.005], | |
| 19 [0, 0, 0, 1] | |
| 20 ], | |
| 21 "children": [ | |
| 22 { | |
| 23 "transformOrigin": [50, 50], | |
| 24 "shouldFlattenTransform": false, | |
| 25 "3dRenderingContext": 1, | |
| 26 "transform": [ | |
| 27 [0.353553390593274, 0.25, -0.5, 0], | |
| 28 [0, 0.353553390593274, 0.707106781186548, 0], | |
| 29 [0.353553390593274, -0.25, 0.5, 0], | |
| 30 [0, 0, 0, 1] | |
| 31 ], | |
| 32 "children": [ | |
| 33 { | |
| 34 "bounds": [100, 100], | |
| 35 "3dRenderingContext": 1, | |
| 36 "drawsContent": true, | |
| 37 "backgroundColor": "#00FF00CC", | |
| 38 "transform": [ | |
| 39 [1, 0, 0, 0], | |
| 40 [0, 1, 0, 0], | |
| 41 [0, 0, 1, 0], | |
| 42 [0, 0, 50, 1] | |
| 43 ] | |
| 44 }, | |
| 45 { | |
| 46 "bounds": [100, 100], | |
| 47 "3dRenderingContext": 1, | |
| 48 "drawsContent": true, | |
| 49 "backgroundColor": "#00FF00CC", | |
| 50 "transform": [ | |
| 51 [0, 0, -1, 0], | |
| 52 [0, 1, 0, 0], | |
| 53 [1, 0, 0, 0], | |
| 54 [50, 0, 0, 1] | |
| 55 ] | |
| 56 }, | |
| 57 { | |
| 58 "bounds": [100, 100], | |
| 59 "3dRenderingContext": 1, | |
| 60 "drawsContent": true, | |
| 61 "backgroundColor": "#00FF00CC", | |
| 62 "transform": [ | |
| 63 [-1, 0, 0, 0], | |
| 64 [0, 1, 0, 0], | |
| 65 [0, 0, -1, 0], | |
| 66 [0, 0, -50, 1] | |
| 67 ] | |
| 68 }, | |
| 69 { | |
| 70 "bounds": [100, 100], | |
| 71 "3dRenderingContext": 1, | |
| 72 "drawsContent": true, | |
| 73 "backgroundColor": "#00FF00CC", | |
| 74 "transform": [ | |
| 75 [0, 0, 1, 0], | |
| 76 [0, 1, 0, 0], | |
| 77 [-1, 0, 0, 0], | |
| 78 [-50, 0, 0, 1] | |
| 79 ] | |
| 80 }, | |
| 81 { | |
| 82 "bounds": [100, 100], | |
| 83 "3dRenderingContext": 1, | |
| 84 "drawsContent": true, | |
| 85 "backgroundColor": "#00FF00CC", | |
| 86 "transform": [ | |
| 87 [1, 0, 0, 0], | |
| 88 [0, 0, 1, 0], | |
| 89 [0, -1, 0, 0], | |
| 90 [0, -50, 0, 1] | |
| 91 ] | |
| 92 }, | |
| 93 { | |
| 94 "bounds": [100, 100], | |
| 95 "3dRenderingContext": 1, | |
| 96 "drawsContent": true, | |
| 97 "backgroundColor": "#00FF00CC", | |
| 98 "transform": [ | |
| 99 [1, 0, 0, 0], | |
| 100 [0, 0, -1, 0], | |
| 101 [0, 1, 0, 0], | |
| 102 [0, 50, 0, 1] | |
| 103 ] | |
| 104 } | |
| 105 ] | |
| 106 } | |
| 107 ] | |
| 108 } | |
| 109 ] | |
| 110 } | |
| 111 ] | |
| 112 } | |
| 113 ] | |
| 114 } | |
| 115 | |
| 116 After: | |
| 117 { | |
| 118 "bounds": [800, 600], | |
| 119 "children": [ | |
| 120 { | |
| 121 "bounds": [800, 600], | |
| 122 "contentsOpaque": true, | |
| 123 "drawsContent": true, | |
| 124 "children": [ | |
| 125 { | |
| 126 "position": [108, 108], | |
| 127 "children": [ | |
| 128 { | |
| 129 "shouldFlattenTransform": false, | |
| 130 "transform": [ | |
| 131 [1, 0, 0, 0], | |
| 132 [0, 1, 0, 0], | |
| 133 [-0.25, -0.25, 1, -0.005], | |
| 134 [0, 0, 0, 1] | |
| 135 ], | |
| 136 "children": [ | |
| 137 { | |
| 138 "transformOrigin": [50, 50], | |
| 139 "shouldFlattenTransform": false, | |
| 140 "3dRenderingContext": 1, | |
| 141 "transform": [ | |
| 142 [0.707106781186548, 0.5, -0.5, 0], | |
| 143 [0, 0.707106781186548, 0.707106781186548, 0], | |
| 144 [0.707106781186548, -0.5, 0.5, 0], | |
| 145 [0, 0, 0, 1] | |
| 146 ], | |
| 147 "children": [ | |
| 148 { | |
| 149 "bounds": [100, 100], | |
| 150 "3dRenderingContext": 1, | |
| 151 "drawsContent": true, | |
| 152 "backgroundColor": "#00FF00CC", | |
| 153 "transform": [ | |
| 154 [1, 0, 0, 0], | |
| 155 [0, 1, 0, 0], | |
| 156 [0, 0, 1, 0], | |
| 157 [0, 0, 50, 1] | |
| 158 ] | |
| 159 }, | |
| 160 { | |
| 161 "bounds": [100, 100], | |
| 162 "3dRenderingContext": 1, | |
| 163 "drawsContent": true, | |
| 164 "backgroundColor": "#00FF00CC", | |
| 165 "transform": [ | |
| 166 [0, 0, -1, 0], | |
| 167 [0, 1, 0, 0], | |
| 168 [1, 0, 0, 0], | |
| 169 [50, 0, 0, 1] | |
| 170 ] | |
| 171 }, | |
| 172 { | |
| 173 "bounds": [100, 100], | |
| 174 "3dRenderingContext": 1, | |
| 175 "drawsContent": true, | |
| 176 "backgroundColor": "#00FF00CC", | |
| 177 "transform": [ | |
| 178 [-1, 0, 0, 0], | |
| 179 [0, 1, 0, 0], | |
| 180 [0, 0, -1, 0], | |
| 181 [0, 0, -50, 1] | |
| 182 ] | |
| 183 }, | |
| 184 { | |
| 185 "bounds": [100, 100], | |
| 186 "3dRenderingContext": 1, | |
| 187 "drawsContent": true, | |
| 188 "backgroundColor": "#00FF00CC", | |
| 189 "transform": [ | |
| 190 [0, 0, 1, 0], | |
| 191 [0, 1, 0, 0], | |
| 192 [-1, 0, 0, 0], | |
| 193 [-50, 0, 0, 1] | |
| 194 ] | |
| 195 }, | |
| 196 { | |
| 197 "bounds": [100, 100], | |
| 198 "3dRenderingContext": 1, | |
| 199 "drawsContent": true, | |
| 200 "backgroundColor": "#00FF00CC", | |
| 201 "transform": [ | |
| 202 [1, 0, 0, 0], | |
| 203 [0, 0, 1, 0], | |
| 204 [0, -1, 0, 0], | |
| 205 [0, -50, 0, 1] | |
| 206 ] | |
| 207 }, | |
| 208 { | |
| 209 "bounds": [100, 100], | |
| 210 "3dRenderingContext": 1, | |
| 211 "drawsContent": true, | |
| 212 "backgroundColor": "#00FF00CC", | |
| 213 "transform": [ | |
| 214 [1, 0, 0, 0], | |
| 215 [0, 0, -1, 0], | |
| 216 [0, 1, 0, 0], | |
| 217 [0, 50, 0, 1] | |
| 218 ] | |
| 219 } | |
| 220 ] | |
| 221 } | |
| 222 ] | |
| 223 } | |
| 224 ] | |
| 225 }, | |
| 226 { | |
| 227 "children": [ | |
| 228 { | |
| 229 "position": [8, 8], | |
| 230 "bounds": [100, 150], | |
| 231 "contentsOpaque": true, | |
| 232 "drawsContent": true, | |
| 233 "backgroundColor": "#808080" | |
| 234 }, | |
| 235 { | |
| 236 "position": [8, 8], | |
| 237 "bounds": [300, 300], | |
| 238 "drawsContent": true | |
| 239 } | |
| 240 ] | |
| 241 } | |
| 242 ] | |
| 243 } | |
| 244 ] | |
| 245 } | |
| 246 | |
| OLD | NEW |