@@ -0,0 +1,64 @@ | |||||
мир = { | |||||
ключники: [], | |||||
}; | |||||
мир.выпрямить = function(obj) | |||||
{ | |||||
// https://stackoverflow.com/a/42121920 | |||||
var newObj = {}; | |||||
for (var key in obj) | |||||
{ | |||||
if (typeof obj[key] === 'object' && obj[key] !== null) | |||||
{ | |||||
var temp = мир.выпрямить(obj[key]) | |||||
for (var key2 in temp) | |||||
{ | |||||
newObj[key + "." + key2] = temp[key2]; | |||||
} | |||||
} | |||||
else | |||||
{ | |||||
newObj[key] = obj[key]; | |||||
} | |||||
} | |||||
return newObj; | |||||
}; | |||||
мир.разобрать = function(словарь) { | |||||
var значения = мир.выпрямить(словарь); | |||||
for (var ключ in значения) | |||||
{ | |||||
var значение = значения[ключ]; | |||||
for (var номер in мир.ключники) | |||||
{ | |||||
мир.ключники[номер](ключ, значение); | |||||
} | |||||
} | |||||
}; | |||||
/* | |||||
мир.выпрямить = function(data) { | |||||
var result = {}; | |||||
function recurse (cur, prop) { | |||||
if (Object(cur) !== cur) { | |||||
result[prop] = cur; | |||||
} else if (Array.isArray(cur)) { | |||||
for(var i=0, l=cur.length; i<l; i++) | |||||
recurse(cur[i], prop + "[" + i + "]"); | |||||
if (l == 0) | |||||
result[prop] = []; | |||||
} else { | |||||
var isEmpty = true; | |||||
for (var p in cur) { | |||||
isEmpty = false; | |||||
recurse(cur[p], prop ? prop+"."+p : p); | |||||
} | |||||
if (isEmpty && prop) | |||||
result[prop] = {}; | |||||
} | |||||
} | |||||
recurse(data, ""); | |||||
return result; | |||||
}; | |||||
*/ |
@@ -0,0 +1,7 @@ | |||||
мир.ключники.push(function(ключ, значение){ | |||||
if (ключ != "заголовок") | |||||
{ | |||||
return; | |||||
} | |||||
document.title = значение; | |||||
}); |
@@ -0,0 +1,13 @@ | |||||
мир.разобрать({ | |||||
заголовок: "РК 0.1.0", | |||||
платформы: { | |||||
полка1: { | |||||
x: 0, | |||||
y: 0, | |||||
}, | |||||
полка2: { | |||||
x: 100, | |||||
y: 0, | |||||
}, | |||||
} | |||||
}); |
@@ -15,20 +15,11 @@ | |||||
height: 100vh; | height: 100vh; | ||||
width: 100vw; | width: 100vw; | ||||
} | } | ||||
box { | |||||
margin: 0px; | |||||
padding: 0px; | |||||
box-sizing: border-box; | |||||
position: absolute; | |||||
display: block; | |||||
background-color: red; | |||||
transform-origin: 20px 20px; | |||||
} | |||||
</style> | </style> | ||||
</head> | </head> | ||||
<body> | <body> | ||||
<script src="01.js"></script> | |||||
<script src="00100.мир.js"></script> | |||||
<script src="00110.заголовок.js"></script> | |||||
<script src="00200.пример.json.js"></script> | |||||
</body> | </body> | ||||
</html> | </html> |
@@ -0,0 +1,34 @@ | |||||
<!DOCTYPE html> | |||||
<html> | |||||
<head> | |||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |||||
<title>mjs</title> | |||||
<script src="https://cdn.jsdelivr.net/npm/matter-js@0.17.1/build/matter.min.js"></script> | |||||
<style> | |||||
html, body { | |||||
margin: 0; | |||||
padding: 0; | |||||
overflow: hidden; | |||||
} | |||||
body { | |||||
height: 100vh; | |||||
width: 100vw; | |||||
} | |||||
box { | |||||
margin: 0px; | |||||
padding: 0px; | |||||
box-sizing: border-box; | |||||
position: absolute; | |||||
display: block; | |||||
background-color: red; | |||||
transform-origin: 20px 20px; | |||||
} | |||||
</style> | |||||
</head> | |||||
<body> | |||||
<script src="01.js"></script> | |||||
</body> | |||||
</html> |