M-3.4
This commit is contained in:
10
M/3.4/игра/050.Заголовок.js
Normal file
10
M/3.4/игра/050.Заголовок.js
Normal file
@@ -0,0 +1,10 @@
|
||||
function Заголовок()
|
||||
{
|
||||
this.обработатьКлюч = function(ключ, путь, значение)
|
||||
{
|
||||
if (ключ == "заголовок")
|
||||
{
|
||||
document.title = значение;
|
||||
}
|
||||
}
|
||||
}
|
||||
104
M/3.4/игра/100.Изображения.js
Normal file
104
M/3.4/игра/100.Изображения.js
Normal file
@@ -0,0 +1,104 @@
|
||||
function Изображения(корень)
|
||||
{
|
||||
this.создать = function()
|
||||
{
|
||||
this.умолчание = {
|
||||
x: 0,
|
||||
y: 0,
|
||||
ширина: 100,
|
||||
высота: 100,
|
||||
угол: 0,
|
||||
};
|
||||
this.задано = {};
|
||||
this.элементы = {};
|
||||
};
|
||||
|
||||
this.создатьИлиПолучитьЭлемент = function(имя)
|
||||
{
|
||||
var эл = this.элементы[имя];
|
||||
if (эл)
|
||||
{
|
||||
return эл;
|
||||
}
|
||||
|
||||
var ум = this.умолчание;
|
||||
эл = document.createElement("div");
|
||||
эл.id = `изображения-${имя}`;
|
||||
эл.style.position = "absolute";
|
||||
эл.style.display = "block";
|
||||
// Свойства по умолчанию.
|
||||
эл.style.left = `${ум.x}px`;
|
||||
эл.style.top = `${ум.y}px`;
|
||||
эл.style.width = `${ум.ширина}px`;
|
||||
эл.style.height = `${ум.высота}px`;
|
||||
эл.style.transform = `rotate(${ум.угол}rad)`;
|
||||
|
||||
this.элементы[имя] = эл;
|
||||
корень.appendChild(эл);
|
||||
return эл;
|
||||
};
|
||||
|
||||
this.обновитьЭлемент = function(имя, свойство, значение)
|
||||
{
|
||||
if (!this.задано[имя])
|
||||
{
|
||||
this.задано[имя] = {};
|
||||
}
|
||||
this.задано[имя][свойство] = значение;
|
||||
var за = this.задано[имя];
|
||||
var эл = this.создатьИлиПолучитьЭлемент(имя);
|
||||
|
||||
if (свойство == "ширина")
|
||||
{
|
||||
эл.style.width = `${за.ширина}px`;
|
||||
}
|
||||
else if (свойство == "высота")
|
||||
{
|
||||
эл.style.height = `${за.высота}px`;
|
||||
}
|
||||
else if (
|
||||
(свойство == "x") ||
|
||||
(свойство == "y") ||
|
||||
(свойство == "угол") ||
|
||||
(свойство == "вид.transform")
|
||||
) {
|
||||
var ум = this.умолчание;
|
||||
var x = за.x ? за.x : ум.x;
|
||||
var y = за.y ? за.y : ум.y;
|
||||
var угол = за.угол ? за.угол : ум.угол;
|
||||
this.обновитьРасположение(имя, x, y, угол);
|
||||
}
|
||||
else if (свойство.startsWith("вид"))
|
||||
{
|
||||
var параметр = свойство.substring(4);
|
||||
эл.style.setProperty(параметр, значение);
|
||||
}
|
||||
};
|
||||
|
||||
this.обновитьРасположение = function(имя, x, y, угол)
|
||||
{
|
||||
var за = this.задано[имя];
|
||||
var эл = this.элементы[имя];
|
||||
эл.style.left = `${x}px`;
|
||||
эл.style.top = `${y}px`;
|
||||
var transform = `rotate(${угол}deg) `;
|
||||
if (за["вид.transform"])
|
||||
{
|
||||
transform += за["вид.transform"];
|
||||
}
|
||||
эл.style.transform = transform;
|
||||
};
|
||||
|
||||
this.обработатьКлюч = function(ключ, путь, значение)
|
||||
{
|
||||
if (путь[0] == "изображения")
|
||||
{
|
||||
var имя = путь[1];
|
||||
var свойство = путь.slice(2).join(".");
|
||||
this.обновитьЭлемент(имя, свойство, значение);
|
||||
}
|
||||
};
|
||||
|
||||
// Конструктор.
|
||||
this.создать();
|
||||
}
|
||||
19
M/3.4/игра/120.Физика.js
Normal file
19
M/3.4/игра/120.Физика.js
Normal file
@@ -0,0 +1,19 @@
|
||||
function Физика()
|
||||
{
|
||||
this.создать = function()
|
||||
{
|
||||
this.движок = Matter.Engine.create({
|
||||
enableSleeping: true,
|
||||
gravity: {
|
||||
y: 2,
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
this.обновить = function() {
|
||||
Matter.Engine.update(this.движок);
|
||||
};
|
||||
|
||||
// Конструктор.
|
||||
this.создать();
|
||||
}
|
||||
123
M/3.4/игра/140.Тела.js
Normal file
123
M/3.4/игра/140.Тела.js
Normal file
@@ -0,0 +1,123 @@
|
||||
function Тела(события, физмир)
|
||||
{
|
||||
this.создать = function()
|
||||
{
|
||||
this.умолчание = {
|
||||
x: 0,
|
||||
y: 0,
|
||||
ширина: 40,
|
||||
высота: 20,
|
||||
часть: false,
|
||||
физика: {
|
||||
isStatic: true,
|
||||
},
|
||||
};
|
||||
|
||||
this.задано = {};
|
||||
this.тела = {};
|
||||
this.имена = {};
|
||||
события.подписать(this);
|
||||
};
|
||||
|
||||
this.именаЧастей = function(за)
|
||||
{
|
||||
var имена = [];
|
||||
for (var ключ in за)
|
||||
{
|
||||
if (ключ.startsWith("части"))
|
||||
{
|
||||
имена.push(за[ключ]);
|
||||
}
|
||||
}
|
||||
return имена;
|
||||
};
|
||||
|
||||
this.обработатьКлюч = function(ключ, путь, значение)
|
||||
{
|
||||
if (путь[0] != "тела")
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
var имя = путь[1];
|
||||
var свойство = путь.slice(2).join(".");
|
||||
if (!this.задано[имя])
|
||||
{
|
||||
this.задано[имя] = {};
|
||||
}
|
||||
this.задано[имя][свойство] = значение;
|
||||
|
||||
this.пересоздатьТело(имя);
|
||||
};
|
||||
|
||||
this.пересоздатьТело = function(имя) {
|
||||
// Удаляем старое тело.
|
||||
if (имя in this.тела)
|
||||
{
|
||||
var тело = this.тела[имя];
|
||||
delete this.имена[тело.id];
|
||||
// Всегда удаляем из мира: и составные, и несоставные тела.
|
||||
Matter.Composite.remove(физмир, тело);
|
||||
}
|
||||
|
||||
var за = this.задано[имя];
|
||||
var ум = this.умолчание;
|
||||
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);
|
||||
мир.задатьПолныйКлюч(параметры, свойство, за[путь]);
|
||||
}
|
||||
}
|
||||
|
||||
var тело = null;
|
||||
// Создаём новое составное тело.
|
||||
if (за["части.0"])
|
||||
{
|
||||
параметры["parts"] = this.телаЧастей(this.именаЧастей(за));
|
||||
тело = Matter.Body.create(параметры);
|
||||
}
|
||||
// Создаём новое несоставное тело.
|
||||
// Вполне может быть частью другого составного тела.
|
||||
else
|
||||
{
|
||||
тело = Matter.Bodies.rectangle(x, y, ширина, высота, параметры);
|
||||
}
|
||||
this.тела[имя] = тело;
|
||||
this.имена[тело.id] = имя;
|
||||
|
||||
// Добавляем тело в физический мир, если оно не является частью другого составного тела.
|
||||
var часть = за.часть ? за.часть : ум.часть;
|
||||
if (!часть)
|
||||
{
|
||||
Matter.Composite.add(физмир, тело);
|
||||
}
|
||||
};
|
||||
|
||||
this.телаЧастей = function(имена)
|
||||
{
|
||||
var тела = [];
|
||||
for (var н in имена)
|
||||
{
|
||||
var имя = имена[н];
|
||||
var тело = this.тела[имя];
|
||||
тела.push(тело);
|
||||
}
|
||||
return тела;
|
||||
};
|
||||
|
||||
// Конструктор.
|
||||
this.создать();
|
||||
}
|
||||
|
||||
97
M/3.4/игра/160.Слежение.js
Normal file
97
M/3.4/игра/160.Слежение.js
Normal file
@@ -0,0 +1,97 @@
|
||||
function Слежение(события, изображения, тела)
|
||||
{
|
||||
this.создать = function()
|
||||
{
|
||||
this.умолчание = {
|
||||
смещение: [0, 0],
|
||||
скорость: 1,
|
||||
предел: 0,
|
||||
};
|
||||
this.задано = {};
|
||||
события.подписать(this);
|
||||
};
|
||||
|
||||
this.обновить = function()
|
||||
{
|
||||
for (var имя in this.задано)
|
||||
{
|
||||
var за = this.задано[имя];
|
||||
this.расположитьИзображение(за);
|
||||
}
|
||||
};
|
||||
|
||||
this.обработатьКлюч = function(ключ, путь, значение)
|
||||
{
|
||||
if (путь[0] != "слежение")
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
var имя = путь[1];
|
||||
var свойство = путь.slice(2).join(".");
|
||||
if (!this.задано[имя])
|
||||
{
|
||||
this.задано[имя] = {};
|
||||
}
|
||||
this.задано[имя][свойство] = значение;
|
||||
};
|
||||
|
||||
this.расположитьИзображение = function(за)
|
||||
{
|
||||
var тело = тела.тела[за.тело];
|
||||
if (!тело)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
var элемент = изображения.элементы[за.изображение];
|
||||
var ум = this.умолчание;
|
||||
|
||||
// Параметры.
|
||||
var скорость = за.скорость ? за.скорость : ум.скорость;
|
||||
var смещениеX = за["смещение.0"] ? за["смещение.0"] : ум.смещение[0];
|
||||
var смещениеY = за["смещение.1"] ? за["смещение.1"] : ум.смещение[1];
|
||||
var предел = за.предел ? за.предел : ум.предел;
|
||||
|
||||
// Текущая позиция.
|
||||
var x0 = 0;
|
||||
if (элемент.dataset.слежениеX)
|
||||
{
|
||||
x0 = элемент.dataset.слежениеX;
|
||||
}
|
||||
var y0 = 0;
|
||||
if (элемент.dataset.слежениеY)
|
||||
{
|
||||
y0 = элемент.dataset.слежениеY;
|
||||
}
|
||||
|
||||
// Целевая позиция.
|
||||
var x1 = тело.position.x + смещениеX;
|
||||
var y1 = тело.position.y + смещениеY;
|
||||
// Radians -> Degrees.
|
||||
var угол = тело.angle * 180 / Math.PI;
|
||||
|
||||
// Устанавливаемая плавно позиция.
|
||||
var x = this.lerp(x0, x1, скорость, предел);
|
||||
var y = this.lerp(y0, y1, скорость, предел);
|
||||
|
||||
элемент.dataset.слежениеX = x;
|
||||
элемент.dataset.слежениеY = y;
|
||||
изображения.обновитьРасположение(за.изображение, x, y, угол);
|
||||
};
|
||||
|
||||
this.lerp = function(v0, v1, t, предел) {
|
||||
// Убираем мельтешение в случае наличия предела.
|
||||
if (предел)
|
||||
{
|
||||
var delta = Math.abs(v0 - v1);
|
||||
if (delta < предел) {
|
||||
return v0;
|
||||
}
|
||||
}
|
||||
return v0 * (1 - t) + v1 * t;
|
||||
};
|
||||
|
||||
// Конструктор.
|
||||
this.создать();
|
||||
};
|
||||
65
M/3.4/игра/700.Игра.js
Normal file
65
M/3.4/игра/700.Игра.js
Normal file
@@ -0,0 +1,65 @@
|
||||
function Игра()
|
||||
{
|
||||
this.создать = function()
|
||||
{
|
||||
var корень = document.getElementById("корень");
|
||||
мир.события = new События();
|
||||
мир.состояние = new Состояние();
|
||||
мир.состояние.обработчик = (к, п, з) => { this.обработатьКлюч(к, п, з) };
|
||||
мир.физика = new Физика();
|
||||
мир.изображения = new Изображения(корень),
|
||||
мир.тела = new Тела(мир.события, мир.физика.движок.world);
|
||||
мир.слежение = new Слежение(мир.события, мир.изображения, мир.тела);
|
||||
this.ключники = [
|
||||
new Заголовок(),
|
||||
мир.изображения,
|
||||
мир.тела,
|
||||
мир.слежение,
|
||||
];
|
||||
|
||||
var z64 = мир.параметрыЗапуска()["z64"];
|
||||
this.исполнитьКод(z64);
|
||||
this.отслеживатьОбновленияКода();
|
||||
this.обновить();
|
||||
};
|
||||
|
||||
this.исполнитьКод = function(z64)
|
||||
{
|
||||
if (z64)
|
||||
{
|
||||
var код = мир.изZ64(z64);
|
||||
eval(код);
|
||||
}
|
||||
};
|
||||
|
||||
this.обновить = function()
|
||||
{
|
||||
мир.физика.обновить();
|
||||
мир.слежение.обновить();
|
||||
|
||||
var тут = this;
|
||||
requestAnimationFrame(function() {
|
||||
тут.обновить();
|
||||
});
|
||||
};
|
||||
|
||||
this.обработатьКлюч = function(ключ, путь, значение)
|
||||
{
|
||||
for (var номер in this.ключники)
|
||||
{
|
||||
var ключник = this.ключники[номер];
|
||||
ключник.обработатьКлюч(ключ, путь, значение);
|
||||
}
|
||||
};
|
||||
|
||||
this.отслеживатьОбновленияКода = function()
|
||||
{
|
||||
var тут = this;
|
||||
window.addEventListener("message", function(событие) {
|
||||
тут.исполнитьКод(событие.data);
|
||||
});
|
||||
};
|
||||
|
||||
// Конструктор.
|
||||
this.создать();
|
||||
}
|
||||
1
M/3.4/игра/matter-js
Symbolic link
1
M/3.4/игра/matter-js
Symbolic link
@@ -0,0 +1 @@
|
||||
../../стороннее/matter-js
|
||||
Reference in New Issue
Block a user