浏览代码

падение

master
当前提交
c495326dff
共有 5 个文件被更改,包括 319 次插入0 次删除
  1. +190
    -0
      001.мир.js
  2. +96
    -0
      011.phaser.js
  3. +1
    -0
      499.пуск.js
  4. +32
    -0
      index.html
  5. 二进制
      основа.jpg

+ 190
- 0
001.мир.js 查看文件

@@ -0,0 +1,190 @@
/*
*
* Реализация шаблона "издатель-подписчик"
*
*/

function Уведомитель()
{
function Подписка(id, отклик, уведомитель)
{
this.id = id;
this.отклик = отклик;
this.уведомитель = уведомитель;
};

this.уведомить = function()
{
// Попутно собираем подписки без отклика.
var безотклика = [];
for (var номер in this.подписки)
{
var подписка = this.подписки[номер];
if (подписка.отклик)
{
подписка.отклик();
}
else
{
безотклика.push(подписка);
}
}

// И удаляем их.
if (безотклика.length)
{
this._удалитьПодпискиБезОтклика(безотклика);
}
};

this.подписать = function(отклик)
{
var id = this._сгенерироватьUUID();
var подписка = new Подписка(id, отклик, this);
this.подписки.push(подписка);
return подписка;
};

this.отписать = function(подписка)
{
подписка.отклик = null;
};

this._удалитьПодпискиБезОтклика = function(удалить)
{
var подписка = удалить.shift()
while (подписка)
{
var индекс = this.подписки.indexOf(подписка);
if (индекс !== -1)
{
this.подписки.splice(индекс, 1);
}
var подписка = удалить.shift()
}
};

this._сгенерироватьUUID = function()
{
// https://stackoverflow.com/a/2117523
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(
/[xy]/g,
function(c)
{
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
}
);
};

// Конструктор.
this.подписки = [];
}

/*
*
* Связь событий и реакций в виде последовательности (череды)
*
*/

function Мир()
{
// Разобрать события и реакции, выраженные в тексте.
this.разобрать = function(череда)
{
var соответствия = this._событияРеакции(череда);
for (var событие in соответствия)
{
if (!(событие in this.события))
{
this.события[событие] = new Уведомитель();
}
var реакции = соответствия[событие];
for (var номер in реакции)
{
const реакция = реакции[номер];
const название = this._имяФункцииИзРеакции(реакция);
const функция = eval(название);
var тут = this;
this.события[событие].подписать(function(){
функция(тут);
});
}
}
};
// Уведомить о событии при его наличии.
this.уведомить = function(событие)
{
if (событие in this.события)
{
this.события[событие].уведомить();
}
};

// Разобрать текст с событиями и реакциями, вернуть словарь их соответствия.
this._событияРеакции = function(текст)
{
var соответствие = {};
var элементы = текст.split("\n");
var имяСобытия = null;
for (var номер in элементы)
{
var элемент = элементы[номер];
// Пропускаем комментарии.
if (элемент.charAt(0) == "#")
{
continue;
}
var имя = элемент.trim();
// Пропускаем пустые строки.
if (!имя.length)
{
continue;
}
// Событие.
if (имя == элемент)
{
if (!(имя in соответствие))
{
имяСобытия = имя;
соответствие[имя] = [];
}
}
// Реакция.
else
{
соответствие[имяСобытия].push(имя);
}
}
return соответствие;
};

// Преобразовать имя реакции в название функции.
this._имяФункцииИзРеакции = function(реакция)
{
var имя = "";
var части = реакция.split(" ");
for (var номер in части)
{
var часть = части[номер];
имя += часть.charAt(0).toUpperCase() + часть.slice(1);
}
return имя;
};

// Конструктор.
this.события = {};
}

/*
*
* Создание глобального мира.
*
*/

мир = new Мир();

+ 96
- 0
011.phaser.js 查看文件

@@ -0,0 +1,96 @@

/*
*
* Реакции
*
*/


НастроитьИгру = мир =>
{
мир.настройки = {
type: Phaser.AUTO,
width: 800,
height: 600,
backgroundColor: 0xfbfbfb,
scale: {
width: 800,
height: 600,
parent: document.getElementById("родитель"),
mode: Phaser.Scale.ENVELOP,
autoCenter: Phaser.Scale.CENTER_BOTH,
},
physics: {
default: "matter",
matter: {
gravity: {
y: 0.01,
},
debug: {
showBody: true,
showStaticBody: true,
},
},
},
scene: {
preload: function() {
мир.сцена = this;
мир.уведомить("загрузить ресурсы сцены");

мир.сцена.load.image("основа", "основа.jpg");

},
create: function() {
мир.сцена = this;
мир.уведомить("создать сцену");


мир.img = мир.сцена.matter.add.image(100, 300, "основа");
мир.img.setScale(20, 3);


},
update: function() {
мир.сцена = this;
мир.уведомить("обновить сцену");
//console.debug(мир.img.y);
},
},
};
};


// // // //


ЗапуститьИгру = мир =>
{
мир.игра = new Phaser.Game(мир.настройки);
};


// // // //


ЗадатьГромкость = мир =>
{
мир.сцена.sound.volume = 0.15;
};


/*
*
* Последовательность
*
*/


мир.разобрать(`
пуск
настроить игру
запустить игру
создать сцену
задать громкость
`);


+ 1
- 0
499.пуск.js 查看文件

@@ -0,0 +1 @@
мир.уведомить("пуск");

+ 32
- 0
index.html 查看文件

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>J 0.1.0</title>
<script src="https://cdn.jsdelivr.net/npm/phaser@3.54.0/dist/phaser.min.js"></script>
<style>
html, body {
margin: 0;
padding: 0;
overflow: hidden;
}

body {
height: 100vh;
width: 100vw;
}

#родитель
{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="родитель"></div>
<script src="001.мир.js"></script>
<script src="011.phaser.js"></script>
<script src="499.пуск.js"></script>
</body>
</html>

二进制
основа.jpg 查看文件

之前 之后
宽度: 8  |  高度: 8  |  大小: 1.2KB

正在加载...
取消
保存