Kisüveges
by Balázs Baumgartner
HTML
<div id="json">
helloka
</div>
JavaScript
const json = [{
"type": "Circle",
"radius": 150,
"top": "(height - 700 - 450 - 200 - 200)",
"left": "(150 + ((width - 150 - 130 - 60 - 185 - 100) / 2))",
"patternDirection": null,
"darkness": "normal"
}, {
"type": "Circle",
"radius": 147.5,
"top": "(height - 700 - 450 - 200 - 200)",
"left": "(150 + ((width - 150 - 130 - 60 - 185 - 100) / 2))",
"patternDirection": null,
"darkness": "glass"
}, {
"type": "Circle",
"radius": 100,
"top": "(200 + (height - 700 - 450 - 200 - 200))",
"left": "(150 + 130 + 60 + 185 + ((width - 150 - 130 - 60 - 185 - 100) / 2))",
"patternDirection": null,
"darkness": "normal"
}, {
"type": "Circle",
"radius": 97.5,
"top": "(200 + (height - 700 - 450 - 200 - 200))",
"left": "(150 + 130 + 60 + 185 + ((width - 150 - 130 - 60 - 185 - 100) / 2))",
"patternDirection": null,
"darkness": "glass"
}, {
"type": "Circle",
"radius": 50,
"top": "(200 + 200 + (height - 700 - 450 - 200 - 200))",
"left": "(150 + 130 + ((width - 150 - 130 - 60 - 185 - 100) / 2))",
"patternDirection": null,
"darkness": "normal"
}, {
"type": "Circle",
"radius": 47.5,
"top": "(200 + 200 + (height - 700 - 450 - 200 - 200))",
"left": "(150 + 130 + ((width - 150 - 130 - 60 - 185 - 100) / 2))",
"patternDirection": null,
"darkness": "glass"
}, {
"type": "Circle",
"radius": 250,
"top": "(200 + 200 + 450 + (height - 700 - 450 - 200 - 200))",
"left": "(150 + 130 + 60 + ((width - 150 - 130 - 60 - 185 - 100) / 2))",
"patternDirection": null,
"darkness": "normal"
}, {
"type": "Circle",
"radius": 247.5,
"top": "(200 + 200 + 450 + (height - 700 - 450 - 200 - 200))",
"left": "(150 + 130 + 60 + ((width - 150 - 130 - 60 - 185 - 100) / 2))",
"patternDirection": null,
"darkness": "glass"
}];
document.getElementById('json').innerHTML = JSON.stringify(json);