1{
2 "Tree": {
3 "ID": "scroll",
4 "Kind": "scroll",
5 "Border": {
6 "X": 0,
7 "Y": 0,
8 "W": 30,
9 "H": 30
10 },
11 "Content": {
12 "X": 0,
13 "Y": 0,
14 "W": 30,
15 "H": 30
16 },
17 "Clip": {
18 "X": 0,
19 "Y": 0,
20 "W": 30,
21 "H": 30
22 },
23 "Margin": {
24 "Top": 0,
25 "Right": 0,
26 "Bottom": 0,
27 "Left": 0
28 },
29 "Padding": {
30 "Top": 0,
31 "Right": 0,
32 "Bottom": 0,
33 "Left": 0
34 },
35 "BorderWidths": {
36 "Top": 0,
37 "Right": 0,
38 "Bottom": 0,
39 "Left": 0
40 },
41 "ContentSize": {
42 "W": 30,
43 "H": 50
44 },
45 "ScrollX": 0,
46 "ScrollY": 10,
47 "Children": [
48 {
49 "ID": "stack",
50 "Kind": "stack",
51 "Border": {
52 "X": 0,
53 "Y": -10,
54 "W": 30,
55 "H": 50
56 },
57 "Content": {
58 "X": 0,
59 "Y": -10,
60 "W": 30,
61 "H": 50
62 },
63 "Clip": {
64 "X": 0,
65 "Y": -10,
66 "W": 0,
67 "H": 0
68 },
69 "Margin": {
70 "Top": 0,
71 "Right": 0,
72 "Bottom": 0,
73 "Left": 0
74 },
75 "Padding": {
76 "Top": 0,
77 "Right": 0,
78 "Bottom": 0,
79 "Left": 0
80 },
81 "BorderWidths": {
82 "Top": 0,
83 "Right": 0,
84 "Bottom": 0,
85 "Left": 0
86 },
87 "ContentSize": {
88 "W": 50,
89 "H": 50
90 },
91 "ScrollX": 0,
92 "ScrollY": 0,
93 "Children": [
94 {
95 "ID": "back",
96 "Kind": "box",
97 "Border": {
98 "X": 0,
99 "Y": -10,
100 "W": 50,
101 "H": 50
102 },
103 "Content": {
104 "X": 0,
105 "Y": -10,
106 "W": 50,
107 "H": 50
108 },
109 "Clip": {
110 "X": 0,
111 "Y": -10,
112 "W": 0,
113 "H": 0
114 },
115 "Margin": {
116 "Top": 0,
117 "Right": 0,
118 "Bottom": 0,
119 "Left": 0
120 },
121 "Padding": {
122 "Top": 0,
123 "Right": 0,
124 "Bottom": 0,
125 "Left": 0
126 },
127 "BorderWidths": {
128 "Top": 0,
129 "Right": 0,
130 "Bottom": 0,
131 "Left": 0
132 },
133 "ContentSize": {
134 "W": 0,
135 "H": 0
136 },
137 "ScrollX": 0,
138 "ScrollY": 0,
139 "Children": null,
140 "Clipped": false
141 },
142 {
143 "ID": "front",
144 "Kind": "box",
145 "Border": {
146 "X": 0,
147 "Y": -10,
148 "W": 50,
149 "H": 50
150 },
151 "Content": {
152 "X": 0,
153 "Y": -10,
154 "W": 50,
155 "H": 50
156 },
157 "Clip": {
158 "X": 0,
159 "Y": -10,
160 "W": 0,
161 "H": 0
162 },
163 "Margin": {
164 "Top": 0,
165 "Right": 0,
166 "Bottom": 0,
167 "Left": 0
168 },
169 "Padding": {
170 "Top": 0,
171 "Right": 0,
172 "Bottom": 0,
173 "Left": 0
174 },
175 "BorderWidths": {
176 "Top": 0,
177 "Right": 0,
178 "Bottom": 0,
179 "Left": 0
180 },
181 "ContentSize": {
182 "W": 0,
183 "H": 0
184 },
185 "ScrollX": 0,
186 "ScrollY": 0,
187 "Children": null,
188 "Clipped": false
189 }
190 ],
191 "Clipped": false
192 }
193 ],
194 "Clipped": true
195 },
196 "Display": [
197 {
198 "Op": "clip-push",
199 "ID": "scroll",
200 "Rect": {
201 "X": 0,
202 "Y": 0,
203 "W": 30,
204 "H": 30
205 },
206 "Color": {
207 "R": 0,
208 "G": 0,
209 "B": 0,
210 "A": 0
211 },
212 "Opacity": 0,
213 "Widths": {
214 "Top": 0,
215 "Right": 0,
216 "Bottom": 0,
217 "Left": 0
218 },
219 "Colors": {
220 "Top": {
221 "R": 0,
222 "G": 0,
223 "B": 0,
224 "A": 0
225 },
226 "Right": {
227 "R": 0,
228 "G": 0,
229 "B": 0,
230 "A": 0
231 },
232 "Bottom": {
233 "R": 0,
234 "G": 0,
235 "B": 0,
236 "A": 0
237 },
238 "Left": {
239 "R": 0,
240 "G": 0,
241 "B": 0,
242 "A": 0
243 }
244 },
245 "Radii": [
246 0,
247 0,
248 0,
249 0
250 ]
251 },
252 {
253 "Op": "rect",
254 "ID": "back",
255 "Rect": {
256 "X": 0,
257 "Y": -10,
258 "W": 50,
259 "H": 50
260 },
261 "Color": {
262 "R": 1,
263 "G": 0,
264 "B": 0,
265 "A": 1
266 },
267 "Opacity": 0,
268 "Widths": {
269 "Top": 0,
270 "Right": 0,
271 "Bottom": 0,
272 "Left": 0
273 },
274 "Colors": {
275 "Top": {
276 "R": 0,
277 "G": 0,
278 "B": 0,
279 "A": 0
280 },
281 "Right": {
282 "R": 0,
283 "G": 0,
284 "B": 0,
285 "A": 0
286 },
287 "Bottom": {
288 "R": 0,
289 "G": 0,
290 "B": 0,
291 "A": 0
292 },
293 "Left": {
294 "R": 0,
295 "G": 0,
296 "B": 0,
297 "A": 0
298 }
299 },
300 "Radii": [
301 0,
302 0,
303 0,
304 0
305 ]
306 },
307 {
308 "Op": "rect",
309 "ID": "front",
310 "Rect": {
311 "X": 0,
312 "Y": -10,
313 "W": 50,
314 "H": 50
315 },
316 "Color": {
317 "R": 1,
318 "G": 0,
319 "B": 0,
320 "A": 1
321 },
322 "Opacity": 0,
323 "Widths": {
324 "Top": 0,
325 "Right": 0,
326 "Bottom": 0,
327 "Left": 0
328 },
329 "Colors": {
330 "Top": {
331 "R": 0,
332 "G": 0,
333 "B": 0,
334 "A": 0
335 },
336 "Right": {
337 "R": 0,
338 "G": 0,
339 "B": 0,
340 "A": 0
341 },
342 "Bottom": {
343 "R": 0,
344 "G": 0,
345 "B": 0,
346 "A": 0
347 },
348 "Left": {
349 "R": 0,
350 "G": 0,
351 "B": 0,
352 "A": 0
353 }
354 },
355 "Radii": [
356 0,
357 0,
358 0,
359 0
360 ]
361 },
362 {
363 "Op": "clip-pop",
364 "ID": "scroll",
365 "Rect": {
366 "X": 0,
367 "Y": 0,
368 "W": 30,
369 "H": 30
370 },
371 "Color": {
372 "R": 0,
373 "G": 0,
374 "B": 0,
375 "A": 0
376 },
377 "Opacity": 0,
378 "Widths": {
379 "Top": 0,
380 "Right": 0,
381 "Bottom": 0,
382 "Left": 0
383 },
384 "Colors": {
385 "Top": {
386 "R": 0,
387 "G": 0,
388 "B": 0,
389 "A": 0
390 },
391 "Right": {
392 "R": 0,
393 "G": 0,
394 "B": 0,
395 "A": 0
396 },
397 "Bottom": {
398 "R": 0,
399 "G": 0,
400 "B": 0,
401 "A": 0
402 },
403 "Left": {
404 "R": 0,
405 "G": 0,
406 "B": 0,
407 "A": 0
408 }
409 },
410 "Radii": [
411 0,
412 0,
413 0,
414 0
415 ]
416 }
417 ]
418}