|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153 |
- мир.объекты = {
- умолчание: {
- x: 0,
- y: 0,
- ширина: 40,
- высота: 20,
- физика: {
- isStatic: true,
- },
- },
- задано: {},
- тела: {},
- элементы: {},
- свойстваТела: ["x", "y", "ширина", "высота", "физика"],
- обновить: обновитьОбъекты,
- };
-
-
- // // // //
-
-
- мир.ключники.push(function(ключ, путь, значение){
- if (!ключ.startsWith("объекты"))
- {
- return;
- }
-
- var имя = путь[1];
- var свойство = путь[2];
-
- if (!(имя in мир.объекты.задано))
- {
- мир.объекты.задано[имя] = {};
- }
- var свойствоПуть = путь.slice(2).join(".");
- мир.объекты.задано[имя][свойствоПуть] = значение;
-
- пересоздатьТело(имя, свойство);
- обновитьЭлемент(имя, свойство, значение);
- обновитьВидЭлемента(путь, имя, свойство, значение);
- });
-
-
- // // // //
-
-
- function обновитьОбъекты()
- {
- for (var имя in мир.объекты.тела)
- {
- var тело = мир.объекты.тела[имя];
- if (тело.isSleeping)
- {
- continue;
- }
- var элемент = мир.объекты.элементы[имя];
- let x = тело.position.x - элемент.offsetWidth / 2;
- let y = тело.position.y - элемент.offsetHeight / 2;
- let угол = тело.angle;
- элемент.style.transform = `translate(${x}px, ${y}px) rotate(${угол}rad)`;
- }
- }
-
-
- // // // //
-
-
- function пересоздатьТело(имя, свойство)
- {
- if (!мир.объекты.свойстваТела.includes(свойство))
- {
- return;
- }
-
- // Удалить физическое тело.
- if (имя in мир.объекты.тела)
- {
- var тело = мир.объекты.тела[имя];
- Matter.Composite.remove(мир.физика.движок.world, тело);
- }
- // Пересоздать физическое тело.
- var за = мир.объекты.задано[имя];
- var ум = мир.объекты.умолчание;
-
- var x = за.x != null ? за.x : ум.x;
- var y = за.y != null ? за.y : ум.y;
- var ширина = за.ширина ? за.ширина : ум.ширина;
- var высота = за.высота ? за.высота : ум.высота;
- // Переводим x,y из левого-верхнего угла в центр.
- x = x + ширина / 2.0;
- y = y + высота / 2.0;
- var физика = {};
- Object.assign(физика, ум.физика);
- for (var путь in за)
- {
- if (путь.startsWith("физика"))
- {
- var свойство = путь.slice(7);
- мир.задать(физика, свойство, за[путь]);
- }
- }
-
- console.debug("имя/физика", имя, физика);
-
- var тело = Matter.Bodies.rectangle(x, y, ширина, высота, физика);
- Matter.Composite.add(мир.физика.движок.world, тело);
- мир.объекты.тела[имя] = тело;
- }
-
- function обновитьЭлемент(имя, свойство, значение)
- {
- var за = мир.объекты.задано[имя];
- var ум = мир.объекты.умолчание;
-
- if (!(имя in мир.объекты.элементы))
- {
- var элемент = document.createElement("div");
- элемент.id = `объекты-${имя}`;
- элемент.style.position = "absolute";
- элемент.style.display = "block";
- элемент.style.transformOrigin = "center";
- document.getElementById("корень").appendChild(элемент);
- мир.объекты.элементы[имя] = элемент;
- // Свойства по умолчанию.
- элемент.style.width = `${ум.ширина}px`;
- элемент.style.height = `${ум.высота}px`;
- }
-
- var элемент = мир.объекты.элементы[имя];
-
- if (свойство == "ширина")
- {
- var ширина = за["ширина"] ? за["ширина"] : ум["ширина"];
- элемент.style.width = `${ширина}px`;
- }
- else if (свойство == "высота")
- {
- var высота = за["высота"] ? за["высота"] : ум["высота"];
- элемент.style.height = `${высота}px`;
- }
- }
-
- function обновитьВидЭлемента(путь, имя, свойство, значение)
- {
- if (свойство != "вид")
- {
- return;
- }
-
- var элемент = мир.объекты.элементы[имя];
- var параметр = путь[3];
- элемент.style.setProperty(параметр, значение);
- }
|