diff --git a/00130.платформы.js b/00130.платформы.js index 7c63935..a274a97 100644 --- a/00130.платформы.js +++ b/00130.платформы.js @@ -20,31 +20,10 @@ continue; } var div = мир.платформы.div[имя]; - /* - let x = тело.bounds.min.x; - let y = тело.bounds.min.y; - */ let x = тело.position.x - div.offsetWidth / 2; let y = тело.position.y - div.offsetHeight / 2; - let угол = тело.angle * (180 / Math.PI); - div.style.transform = `translate(${x}px, ${y}px) rotate(${угол}deg)`; - /* - div.style.transform = `rotate(${угол}deg)`; - div.style.left = `${x}px`; - div.style.top = `${y}px`; - */ - - - - /* - var задано = мир.платформы.задано[имя]; - var умолчание = мир.платформы.умолчание; - var ширина = задано["ширина"] ? задано["ширина"] : умолчание["ширина"]; - var высота = задано["высота"] ? задано["высота"] : умолчание["высота"]; - div.style.transformOrigin = `${ширина / 2}px ${высота / 2}px`; - */ - - + let угол = тело.angle; + div.style.transform = `translate(${x}px, ${y}px) rotate(${угол}rad)`; } }, }; @@ -103,11 +82,10 @@ console.debug("создать тело", тело); элемент.style.backgroundColor = умолчание["цвет"]; элемент.style.width = `${ширина}px`; элемент.style.height = `${высота}px`; + элемент.style.transformOrigin = `center`; document.body.appendChild(элемент); мир.платформы.div[имя] = элемент; - //элемент.style.transformOrigin = `right bottom`; - элемент.style.transformOrigin = `center`; } // Обновить div. diff --git a/01300.пример.json.js b/01300.пример.json.js index 8b5b5e1..ea2a7f9 100644 --- a/01300.пример.json.js +++ b/01300.пример.json.js @@ -9,7 +9,7 @@ цвет: "#55005555", }, квадрат1: { - x: 401, + x: 400, y: 240, ширина: 40, высота: 20, @@ -18,10 +18,10 @@ }, квадрат2: { x: 415, - y: 470, + y: 370, ширина: 40, высота: 20, - статика: true, + статика: false, цвет: "#aaffaa55", }, }, diff --git a/index.html b/index.html index ad52820..b307ee2 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,5 @@ - -