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 |