2017-11-09 14:06:35 +01:00
|
|
|
/*
|
|
|
|
|
* Verrückte Turing-Maschinen — A turing complete game
|
2018-03-29 22:00:42 +02:00
|
|
|
* Copyright (C) 2016-2018 kcf <vidofnir@folksprak.org>
|
2017-11-09 14:06:35 +01:00
|
|
|
*
|
|
|
|
|
* This program is free software: you can redistribute it and/or modify
|
|
|
|
|
* it under the terms of the GNU General Public License as published by
|
|
|
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
|
|
|
* (at your option) any later version.
|
|
|
|
|
*
|
|
|
|
|
* This program is distributed in the hope that it will be useful,
|
|
|
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
|
* GNU General Public License for more details.
|
|
|
|
|
*
|
|
|
|
|
* You should have received a copy of the GNU General Public License
|
|
|
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
|
*/
|
2017-11-08 18:41:56 +01:00
|
|
|
|
2025-09-23 12:13:49 +02:00
|
|
|
namespace mod_vtm
|
2017-11-08 18:41:56 +01:00
|
|
|
{
|
2018-03-26 14:22:20 +02:00
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @author kcf <vidofnir@folksprak.org>
|
|
|
|
|
*/
|
2018-03-29 01:13:39 +02:00
|
|
|
function tasks_insert(handler : (task : mod_model.mod_task.type_task)=>void) : void
|
2017-11-08 18:41:56 +01:00
|
|
|
{
|
2025-09-23 12:13:49 +02:00
|
|
|
const tasks_raw_ : lib_errormonade.type_errormonade<Array<any>> = mod_vtm.mod_data.read("tasks");
|
2018-03-28 13:59:29 +02:00
|
|
|
if (lib_errormonade.filled(tasks_raw_))
|
2018-03-26 14:22:20 +02:00
|
|
|
{
|
2018-03-28 13:59:29 +02:00
|
|
|
let tasks_raw : Array<any> = lib_errormonade.read(tasks_raw_);
|
|
|
|
|
let dom_selection : Element = document.querySelector("#task_selection");
|
|
|
|
|
tasks_raw.forEach
|
2018-03-26 14:22:20 +02:00
|
|
|
(
|
2018-03-28 13:59:29 +02:00
|
|
|
(task_raw, index) =>
|
2018-03-26 14:22:20 +02:00
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
let task : mod_model.mod_task.type_task = mod_model.mod_task.import_(task_raw);
|
2018-03-26 14:22:20 +02:00
|
|
|
// Aufgabe registrieren
|
2017-11-09 21:57:35 +01:00
|
|
|
{
|
2018-03-28 13:59:29 +02:00
|
|
|
mod_model.mod_task.registrieren(task);
|
2018-03-26 14:22:20 +02:00
|
|
|
}
|
2018-03-30 01:06:13 +02:00
|
|
|
// Option entryen
|
2018-03-26 14:22:20 +02:00
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
let prefix : string = (
|
2018-03-26 14:22:20 +02:00
|
|
|
{
|
2018-03-28 13:59:29 +02:00
|
|
|
"acceptor": lib_translate.get("model.tasks.kinds.acceptor.shortcut"),
|
2018-03-29 01:13:39 +02:00
|
|
|
"transducer": lib_translate.get("model.tasks.kinds.transducer.shortcut"),
|
2018-03-28 13:59:29 +02:00
|
|
|
}[task_raw["kind"]]
|
2018-03-26 14:22:20 +02:00
|
|
|
);
|
2018-03-29 01:13:39 +02:00
|
|
|
let title : string = ("[" + prefix + "]" + " " + mod_model.mod_task.title(task));
|
2018-03-26 14:22:20 +02:00
|
|
|
let value : string = index.toFixed(0);
|
|
|
|
|
let dom_option : Element = document.createElement("option");
|
|
|
|
|
dom_option.setAttribute("value", value);
|
2018-03-29 01:13:39 +02:00
|
|
|
dom_option.textContent = title;
|
2018-03-28 13:59:29 +02:00
|
|
|
dom_selection.appendChild(dom_option);
|
2018-03-26 14:22:20 +02:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
;
|
2018-03-28 13:59:29 +02:00
|
|
|
dom_selection.addEventListener
|
2018-03-26 14:22:20 +02:00
|
|
|
(
|
|
|
|
|
"change",
|
|
|
|
|
event =>
|
|
|
|
|
{
|
2018-03-28 13:59:29 +02:00
|
|
|
let value : string = dom_selection["value"];
|
2018-03-26 14:22:20 +02:00
|
|
|
let index : int = parseInt(value);
|
2018-03-28 13:59:29 +02:00
|
|
|
let task : mod_model.mod_task.type_task = mod_model.mod_task.get(index);
|
2018-03-29 01:13:39 +02:00
|
|
|
handler(task);
|
2018-03-26 14:22:20 +02:00
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
;
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
console.warn("Daten nicht auffindbar");
|
|
|
|
|
}
|
2017-11-08 18:41:56 +01:00
|
|
|
}
|
2017-11-09 14:06:35 +01:00
|
|
|
|
|
|
|
|
|
2018-03-26 14:22:20 +02:00
|
|
|
/**
|
|
|
|
|
* @author kcf <vidofnir@folksprak.org>
|
|
|
|
|
*/
|
2018-03-28 13:59:29 +02:00
|
|
|
function main() : void
|
2018-03-20 13:30:00 +01:00
|
|
|
{
|
2018-03-26 14:22:20 +02:00
|
|
|
// Übersetzungen
|
2018-03-20 13:30:00 +01:00
|
|
|
{
|
2025-09-23 12:13:49 +02:00
|
|
|
const languages : Array<string> = lib_list.copy<string>(navigator.languages);
|
|
|
|
|
const language_native : string = "de";
|
|
|
|
|
// if (! languages.includes(language_native))
|
|
|
|
|
if (! languages.some((language) => (language === language_native)))
|
2018-03-29 22:00:42 +02:00
|
|
|
languages.push(language_native);
|
2018-03-28 13:59:29 +02:00
|
|
|
lib_translate.setup(languages);
|
|
|
|
|
lib_translate.deploy(document);
|
2018-03-26 14:22:20 +02:00
|
|
|
}
|
|
|
|
|
// Hilfe
|
|
|
|
|
{
|
|
|
|
|
// Einleitung
|
|
|
|
|
{
|
2018-03-28 13:59:29 +02:00
|
|
|
document.querySelector("#help_introduction").innerHTML = (
|
|
|
|
|
lib_translate.get
|
2018-03-26 14:22:20 +02:00
|
|
|
(
|
2018-03-28 13:59:29 +02:00
|
|
|
"help.introduction",
|
2018-03-26 14:22:20 +02:00
|
|
|
{
|
|
|
|
|
"manufacturia": "<a href=\"http://www.kongregate.com/games/PleasingFungus/manufactoria\">Manufacturia</a>",
|
|
|
|
|
"crazy_machines": "<a href=\"http://www.crazy-machines.com/\">Crazy Machines</a>",
|
|
|
|
|
"world_of_goo": "<a href=\"http://worldofgoo.com/\">World of Goo</a>",
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
// Aktoren
|
|
|
|
|
{
|
|
|
|
|
// Arten
|
2018-03-20 13:30:00 +01:00
|
|
|
{
|
2025-09-23 12:13:49 +02:00
|
|
|
const from_x : float = -0.5;
|
|
|
|
|
const from_y : float = -0.5;
|
|
|
|
|
const to_x : float = +0.5;
|
|
|
|
|
const to_y : float = +0.5;
|
|
|
|
|
const width : float = 80;
|
|
|
|
|
const height : float = 80;
|
2018-03-26 14:22:20 +02:00
|
|
|
[
|
|
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
"model": mod_model.mod_actuator.example("generator"),
|
|
|
|
|
"area": document.querySelector("#help_actuators_actuator_generator"),
|
2018-03-26 14:22:20 +02:00
|
|
|
},
|
2018-03-20 13:30:00 +01:00
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
"model": mod_model.mod_actuator.example("acceptor"),
|
|
|
|
|
"area": document.querySelector("#help_actuators_actuator_acceptor"),
|
2018-03-26 14:22:20 +02:00
|
|
|
},
|
|
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
"model": mod_model.mod_actuator.example("rejector"),
|
|
|
|
|
"area": document.querySelector("#help_actuators_actuator_rejector"),
|
2018-03-26 14:22:20 +02:00
|
|
|
},
|
|
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
"model": mod_model.mod_actuator.example("conveyer"),
|
|
|
|
|
"area": document.querySelector("#help_actuators_actuator_conveyer"),
|
2018-03-26 14:22:20 +02:00
|
|
|
},
|
|
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
"model": mod_model.mod_actuator.example("writer"),
|
|
|
|
|
"area": document.querySelector("#help_actuators_actuator_writer"),
|
2018-03-26 14:22:20 +02:00
|
|
|
},
|
|
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
"model": mod_model.mod_actuator.example("reader"),
|
|
|
|
|
"area": document.querySelector("#help_actuators_actuator_reader"),
|
2018-03-26 14:22:20 +02:00
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
.forEach
|
|
|
|
|
(
|
2018-03-29 01:13:39 +02:00
|
|
|
entry =>
|
2018-03-26 14:22:20 +02:00
|
|
|
{
|
2025-09-23 12:13:49 +02:00
|
|
|
const manifestation = (
|
2018-03-29 01:13:39 +02:00
|
|
|
mod_manifestation.mod_svg.mod_actuator.create_extended
|
2018-03-26 14:22:20 +02:00
|
|
|
(
|
2018-03-29 01:13:39 +02:00
|
|
|
entry.model,
|
2018-03-28 13:59:29 +02:00
|
|
|
mod_model.mod_spot.null_()
|
2018-03-26 14:22:20 +02:00
|
|
|
)
|
|
|
|
|
);
|
2025-09-23 12:13:49 +02:00
|
|
|
const xmlnode : lib_xml.type_node = (
|
2018-03-29 01:13:39 +02:00
|
|
|
lib_svg.root
|
2018-03-26 14:22:20 +02:00
|
|
|
(
|
2018-03-29 01:13:39 +02:00
|
|
|
from_x, from_y,
|
|
|
|
|
to_x, to_y,
|
|
|
|
|
width, height,
|
2018-03-28 13:59:29 +02:00
|
|
|
[mod_manifestation.view(manifestation)]
|
2018-03-26 14:22:20 +02:00
|
|
|
)
|
|
|
|
|
);
|
2018-03-29 01:13:39 +02:00
|
|
|
entry.area.querySelector(".help_actuators_actuator_image").innerHTML = lib_xml.view(xmlnode);
|
2018-03-26 14:22:20 +02:00
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// Spiel
|
|
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
let game : mod_model.mod_game.type_game;
|
2018-03-26 14:22:20 +02:00
|
|
|
// Aufgaben
|
|
|
|
|
{
|
2018-03-28 13:59:29 +02:00
|
|
|
tasks_insert
|
2018-03-26 14:22:20 +02:00
|
|
|
(
|
2018-03-29 01:13:39 +02:00
|
|
|
function (task : mod_model.mod_task.type_task) : void {mod_model.mod_game.task_set(game, task);}
|
2018-03-26 14:22:20 +02:00
|
|
|
)
|
|
|
|
|
;
|
2018-03-26 22:32:10 +02:00
|
|
|
}
|
|
|
|
|
// Aufbau
|
|
|
|
|
{
|
2018-03-29 01:13:39 +02:00
|
|
|
game = mod_model.mod_game.create(mod_model.mod_task.get(0));
|
2018-03-26 14:22:20 +02:00
|
|
|
}
|
2018-03-26 22:32:10 +02:00
|
|
|
// Manifestationen
|
2018-03-26 14:22:20 +02:00
|
|
|
{
|
2018-03-26 22:32:10 +02:00
|
|
|
[
|
2018-03-29 01:13:39 +02:00
|
|
|
mod_manifestation.mod_web.mod_game.create_extended
|
2018-03-26 22:32:10 +02:00
|
|
|
(
|
2018-03-29 01:13:39 +02:00
|
|
|
game,
|
2018-03-28 13:59:29 +02:00
|
|
|
document.querySelector("#section_mid")
|
2018-03-26 22:32:10 +02:00
|
|
|
)
|
|
|
|
|
,
|
2018-03-29 01:13:39 +02:00
|
|
|
mod_manifestation.mod_store.mod_game.create_extended
|
2018-03-26 22:32:10 +02:00
|
|
|
(
|
2018-03-29 01:13:39 +02:00
|
|
|
game
|
2018-03-26 22:32:10 +02:00
|
|
|
)
|
|
|
|
|
,
|
|
|
|
|
]
|
2018-03-28 13:59:29 +02:00
|
|
|
.forEach(mod_manifestation.setup);
|
2018-03-26 14:22:20 +02:00
|
|
|
}
|
2018-03-20 13:30:00 +01:00
|
|
|
}
|
|
|
|
|
}
|
2017-11-08 18:41:56 +01:00
|
|
|
|
|
|
|
|
|
2018-03-26 14:22:20 +02:00
|
|
|
/**
|
|
|
|
|
* @author kcf <vidofnir@folksprak.org>
|
|
|
|
|
*/
|
2018-03-28 13:59:29 +02:00
|
|
|
export function entry_web() : void
|
2018-03-26 14:22:20 +02:00
|
|
|
{
|
|
|
|
|
document.addEventListener
|
|
|
|
|
(
|
|
|
|
|
"DOMContentLoaded",
|
2025-09-23 12:13:49 +02:00
|
|
|
event =>
|
|
|
|
|
{
|
|
|
|
|
// music
|
|
|
|
|
{
|
|
|
|
|
let dom_audio : HTMLAudioElement = document.querySelector<HTMLAudioElement>("#music");
|
|
|
|
|
|
|
|
|
|
const playlist : Array<string> =
|
|
|
|
|
[
|
|
|
|
|
"time",
|
|
|
|
|
"marble_machine",
|
|
|
|
|
"elan",
|
|
|
|
|
"lux_aeterna",
|
|
|
|
|
"sweet_dreams",
|
|
|
|
|
];
|
|
|
|
|
let index : int = -1;
|
|
|
|
|
const next = function ()
|
|
|
|
|
{
|
|
|
|
|
index = ((index + 1) % playlist.length);
|
|
|
|
|
const path : string = ("music/" + playlist[index] + ".ogg");
|
|
|
|
|
let dom_source : HTMLSourceElement = document.createElement("source");
|
|
|
|
|
dom_source.setAttribute("type", "audio/ogg");
|
|
|
|
|
dom_source.setAttribute("src", path);
|
|
|
|
|
for (let i : int = 0; i < dom_audio.children.length; i += 1) dom_audio.removeChild(dom_audio.children[i]);
|
|
|
|
|
dom_audio.appendChild(dom_source);
|
|
|
|
|
dom_audio.load();
|
|
|
|
|
dom_audio.play();
|
|
|
|
|
}
|
|
|
|
|
;
|
|
|
|
|
dom_audio.volume = 0.25;
|
|
|
|
|
// dom_audio.setAttribute("autoplay", "autoplay");
|
|
|
|
|
// dom_audio.setAttribute("loop", "loop");
|
|
|
|
|
// dom_audio.setAttribute("controls", "controls");
|
|
|
|
|
dom_audio.addEventListener("ended", () => {next();});
|
|
|
|
|
next();
|
|
|
|
|
}
|
|
|
|
|
main();
|
|
|
|
|
}
|
2018-03-26 14:22:20 +02:00
|
|
|
)
|
|
|
|
|
;
|
|
|
|
|
}
|
|
|
|
|
|
2017-11-08 18:41:56 +01:00
|
|
|
}
|
|
|
|
|
|