@@ -1,81 +0,0 @@ | |||||
мир.изображения = { | |||||
умолчание: { | |||||
x: 0, | |||||
y: 0, | |||||
ширина: 100, | |||||
высота: 100, | |||||
}, | |||||
задано: {}, | |||||
элементы: {}, | |||||
}; | |||||
// // // // | |||||
мир.ключники.push(function(ключ, путь, значение){ | |||||
if (!ключ.startsWith("изображения")) | |||||
{ | |||||
return; | |||||
} | |||||
var имя = путь[1]; | |||||
if (!(имя in мир.изображения.задано)) | |||||
{ | |||||
мир.изображения.задано[имя] = {}; | |||||
} | |||||
//var свойство = путь.slice(2).join("."); | |||||
var свойство = путь[2]; | |||||
мир.изображения.задано[имя][свойство] = значение; | |||||
мир.изображения.обновить(путь, имя, свойство, значение); | |||||
}); | |||||
// // // // | |||||
мир.изображения.обновить = function(путь, имя, свойство, значение) | |||||
{ | |||||
var за = мир.изображения.задано[имя]; | |||||
var ум = мир.изображения.умолчание; | |||||
var эл = мир.изображения.элементы[имя]; | |||||
if (!эл) | |||||
{ | |||||
эл = document.createElement("div"); | |||||
эл.id = `изображения-${имя}`; | |||||
эл.style.position = "absolute"; | |||||
эл.style.display = "block"; | |||||
document.getElementById("корень").appendChild(эл); | |||||
мир.изображения.элементы[имя] = эл; | |||||
// Свойства по умолчанию. | |||||
эл.style.left = `${ум.x}px`; | |||||
эл.style.top = `${ум.y}px`; | |||||
эл.style.width = `${ум.ширина}px`; | |||||
эл.style.height = `${ум.высота}px`; | |||||
} | |||||
if (свойство == "ширина") | |||||
{ | |||||
эл.style.width = `${за.ширина}px`; | |||||
} | |||||
else if (свойство == "высота") | |||||
{ | |||||
эл.style.height = `${за.высота}px`; | |||||
} | |||||
else if (свойство == "x") | |||||
{ | |||||
эл.style.left = `${за.x}px`; | |||||
} | |||||
else if (свойство == "y") | |||||
{ | |||||
эл.style.top = `${за.y}px`; | |||||
} | |||||
else if (свойство == "вид") | |||||
{ | |||||
var параметр = путь[3]; | |||||
эл.style.setProperty(параметр, значение); | |||||
} | |||||
}; |
@@ -3,7 +3,7 @@ function Пуск() | |||||
this.запустить = function() | this.запустить = function() | ||||
{ | { | ||||
var корень = document.getElementById("корень"); | var корень = document.getElementById("корень"); | ||||
мир.изображения1 = new Изображения(корень); | |||||
мир.изображения = new Изображения(корень); | |||||
мир.физика.создать(); | мир.физика.создать(); | ||||
мир.столкновения.создать(); | мир.столкновения.создать(); | ||||
мир.звуки = new Звуки(мир.ключники, мир.события); | мир.звуки = new Звуки(мир.ключники, мир.события); | ||||
@@ -18,9 +18,9 @@ function Пуск() | |||||
this.настроитьОбработкуКлючей = function() | this.настроитьОбработкуКлючей = function() | ||||
{ | { | ||||
мир.ключники.push(function(ключ, путь, значение) { | мир.ключники.push(function(ключ, путь, значение) { | ||||
if (путь[0] == "изображения1") | |||||
if (путь[0] == "изображения") | |||||
{ | { | ||||
мир.изображения1.обработатьКлюч(ключ, путь, значение); | |||||
мир.изображения.обработатьКлюч(ключ, путь, значение); | |||||
} | } | ||||
}); | }); | ||||
}; | }; | ||||
@@ -524,20 +524,3 @@ console.debug("событие", событие); | |||||
}, | }, | ||||
}, | }, | ||||
}); | }); | ||||
// // // // | |||||
// Отладка изображения | |||||
// // // // | |||||
мир.разобрать({ | |||||
изображения1: { | |||||
проверим: { | |||||
x: -200, | |||||
y: 350, | |||||
ширина: 200, | |||||
вид: { | |||||
background: "url(р/отладка/основа.jpg)", | |||||
}, | |||||
}, | |||||
}, | |||||
}); |
@@ -70,10 +70,8 @@ | |||||
<script src="105.заголовок.js"></script> | <script src="105.заголовок.js"></script> | ||||
<script src="120.физика.js"></script> | <script src="120.физика.js"></script> | ||||
<script src="130.изображения.js"></script> | <script src="130.изображения.js"></script> | ||||
<script src="140.изображения.js"></script> | |||||
<!-- | <!-- | ||||
<script src="150.тела.js"></script> | <script src="150.тела.js"></script> | ||||
<script src="160.элементы.js"></script> | |||||
--> | --> | ||||
<script src="170.объекты.js"></script> | <script src="170.объекты.js"></script> | ||||
<script src="180.ввод.js"></script> | <script src="180.ввод.js"></script> | ||||