Add dungeon map randomizer
This commit is contained in:
@@ -49,10 +49,12 @@ export default defineComponent({
|
||||
},
|
||||
presets() {
|
||||
const filledPresets = {};
|
||||
for (const presetName of Object.keys(presets[this.generator])) {
|
||||
const preset = JSON.parse(JSON.stringify(presets[this.generator][presetName]));
|
||||
this.fillPreset(preset);
|
||||
filledPresets[presetName] = preset;
|
||||
if (presets[this.generator]) {
|
||||
for (const presetName of Object.keys(presets[this.generator])) {
|
||||
const preset = JSON.parse(JSON.stringify(presets[this.generator][presetName]));
|
||||
this.fillPreset(preset);
|
||||
filledPresets[presetName] = preset;
|
||||
}
|
||||
}
|
||||
return filledPresets;
|
||||
},
|
||||
|
||||
@@ -46,9 +46,11 @@ export default defineComponent({
|
||||
},
|
||||
},
|
||||
async mounted() {
|
||||
this.$refs.tips.forEach(el => new Tooltip(el));
|
||||
this.selected = await localforage.getItem(`${this.prefix}setting_${this.name}`) ?? this.settings.default;
|
||||
this.change();
|
||||
this.$refs.tips?.forEach(el => new Tooltip(el));
|
||||
if (this.settings) {
|
||||
this.selected = await localforage.getItem(`${this.prefix}setting_${this.name}`) ?? this.settings.default;
|
||||
this.change();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async change() {
|
||||
@@ -63,16 +65,18 @@ export default defineComponent({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<b>{{ settings.display ?? name }}:</b>
|
||||
<div class="nav nav-pills nav-fill mt-1 mb-1">
|
||||
<template v-for="value of settings.order ?? Object.keys(settings.values)">
|
||||
<template v-if="settings.values[value]">
|
||||
<input type="radio" class="btn-check" :name="`${prefix}${name}`" :id="`${prefix}${name}_${value}`"
|
||||
autocomplete="off" :value="value" v-model="selected" @change="change" />
|
||||
<label :class="`btn btn-outline-${color} nav-item m-1`" :for="`${prefix}${name}_${value}`" data-bs-toggle="tooltip" data-bs-placement="bottom" :title="settings.values[value].tip" ref="tips">
|
||||
{{ settings.values[value].display }}
|
||||
</label>
|
||||
<template v-if="settings">
|
||||
<b>{{ settings.display ?? name }}:</b>
|
||||
<div class="nav nav-pills nav-fill mt-1 mb-1">
|
||||
<template v-for="value of settings.order ?? Object.keys(settings.values)">
|
||||
<template v-if="settings.values[value]">
|
||||
<input type="radio" class="btn-check" :name="`${prefix}${name}`" :id="`${prefix}${name}_${value}`"
|
||||
autocomplete="off" :value="value" v-model="selected" @change="change" />
|
||||
<label :class="`btn btn-outline-${color} nav-item m-1`" :for="`${prefix}${name}_${value}`" data-bs-toggle="tooltip" data-bs-placement="bottom" :title="settings.values[value].tip" ref="tips">
|
||||
{{ settings.values[value].display }}
|
||||
</label>
|
||||
</template>
|
||||
</template>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
@@ -4,6 +4,8 @@ import { defineComponent } from "vue";
|
||||
import axios from "axios";
|
||||
import { Modal } from "bootstrap";
|
||||
|
||||
import generatorSettings from "@/data/generator-settings.yaml";
|
||||
|
||||
import AccordionItem from "@/components/AccordionItem.vue";
|
||||
import PresetPicker from "@/components/PresetPicker.vue";
|
||||
import SettingPicker from "@/components/SettingPicker.vue";
|
||||
@@ -20,6 +22,7 @@ export default defineComponent({
|
||||
props: {
|
||||
modelValue: {},
|
||||
prefix: null,
|
||||
generator: null,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -30,6 +33,11 @@ export default defineComponent({
|
||||
modal: null,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
settings() {
|
||||
return generatorSettings[this.generator];
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.modal = new Modal(document.getElementById("savePresetModal"), {});
|
||||
},
|
||||
@@ -45,7 +53,7 @@ export default defineComponent({
|
||||
methods: {
|
||||
async generate(race) {
|
||||
const settings = {
|
||||
randomizer: "base",
|
||||
randomizer: this.generator,
|
||||
race: race ? "race" : "normal"
|
||||
};
|
||||
for (const setting of Object.keys(this.set)) {
|
||||
@@ -128,92 +136,99 @@ export default defineComponent({
|
||||
</div>
|
||||
<div id="settings" class="accordion accordion-flush">
|
||||
<AccordionItem>
|
||||
<PresetPicker ref="preset" generator="base" @selected="presetSelected"
|
||||
<PresetPicker ref="preset" :generator="generator" @selected="presetSelected"
|
||||
@save="savePreset" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="true">
|
||||
<template #header>
|
||||
<b>World:</b>
|
||||
</template>
|
||||
<SettingPicker color="primary" v-model="set.mode" name="mode" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.weapons" name="weapons" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.hints" name="hints" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.mode" name="mode" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.weapons" name="weapons" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.hints" name="hints" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="true">
|
||||
<template #header>
|
||||
<b>Goal:</b>
|
||||
</template>
|
||||
<SettingPicker color="success" v-model="set.goal" name="goal" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-model="set.goal" name="goal" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-if="['ganon', 'fast_ganon'].includes(this.set.goal)"
|
||||
v-model="set.crystals_ganon" name="crystals_ganon" generator="base" :prefix="prefix" />
|
||||
v-model="set.crystals_ganon" name="crystals_ganon" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-if="['ganon', 'fast_ganon'].includes(this.set.goal)"
|
||||
v-model="set.ganon_item" name="ganon_item" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-model="set.crystals_gt" name="crystals_gt" generator="base" :prefix="prefix" />
|
||||
v-model="set.ganon_item" name="ganon_item" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-model="set.crystals_gt" name="crystals_gt" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="false">
|
||||
<template #header>
|
||||
<b>Entrance Shuffle:</b>
|
||||
</template>
|
||||
<SettingPicker color="warning" v-model="set.entrance_shuffle" name="entrance_shuffle" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-model="set.entrance_shuffle" name="entrance_shuffle" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-if="this.set.entrance_shuffle != 'vanilla'"
|
||||
v-model="set.skull_woods" name="skull_woods" generator="base" :prefix="prefix" />
|
||||
v-model="set.skull_woods" name="skull_woods" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-if="this.set.entrance_shuffle != 'vanilla'"
|
||||
v-model="set.linked_drops" name="linked_drops" generator="base" :prefix="prefix" />
|
||||
v-model="set.linked_drops" name="linked_drops" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="false">
|
||||
<AccordionItem :expanded="false" v-if="settings.door_shuffle">
|
||||
<template #header>
|
||||
<b>Dungeon Shuffle:</b>
|
||||
</template>
|
||||
<SettingPicker color="danger" v-model="set.door_shuffle" name="door_shuffle" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.door_shuffle" name="door_shuffle" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-if="this.set.door_shuffle != 'vanilla'"
|
||||
v-model="set.lobbies" name="door_lobbies" generator="base" :prefix="prefix" />
|
||||
v-model="set.lobbies" name="door_lobbies" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-if="this.set.door_shuffle != 'vanilla'"
|
||||
v-model="set.door_type_mode" name="door_type_mode" generator="base" :prefix="prefix" />
|
||||
v-model="set.door_type_mode" name="door_type_mode" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-if="this.set.door_shuffle != 'vanilla'"
|
||||
v-model="set.trap_door_mode" name="trap_door_mode" generator="base" :prefix="prefix" />
|
||||
v-model="set.trap_door_mode" name="trap_door_mode" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="false">
|
||||
<template #header>
|
||||
<b>Overworld Settings:</b>
|
||||
</template>
|
||||
<SettingPicker color="primary" v-model="set.tile_swap" name="tile_swap" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.flute_shuffle" name="flute_shuffle" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="false">
|
||||
<template #header>
|
||||
<b>Enemizer:</b>
|
||||
</template>
|
||||
<SettingPicker color="success" v-model="set.boss_shuffle" name="boss_shuffle" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-model="set.enemy_shuffle" name="enemy_shuffle" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-model="set.damage_table_shuffle" name="damage_table_shuffle" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-model="set.boss_shuffle" name="boss_shuffle" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-model="set.enemy_shuffle" name="enemy_shuffle" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="success" v-model="set.damage_table_shuffle" name="damage_table_shuffle" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="false">
|
||||
<template #header>
|
||||
<b>Dungeon Item Shuffle:</b>
|
||||
</template>
|
||||
<SettingPicker color="warning" v-model="set.small_keys" name="small_keys" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-model="set.big_keys" name="big_keys" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-model="set.maps" name="maps" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-model="set.compasses" name="compasses" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-model="set.small_keys" name="small_keys" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-model="set.big_keys" name="big_keys" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-model="set.maps" name="maps" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="warning" v-model="set.compasses" name="compasses" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="false">
|
||||
<template #header>
|
||||
<b>Other Pool Settings:</b>
|
||||
</template>
|
||||
<SettingPicker color="danger" v-model="set.shop_shuffle" name="shop_shuffle" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.drop_shuffle" name="drop_shuffle" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.pottery" name="pottery" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.prize_shuffle" name="prize_shuffle" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.follower_shuffle" name="follower_shuffle" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.shop_shuffle" name="shop_shuffle" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.drop_shuffle" name="drop_shuffle" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.pottery" name="pottery" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.prize_shuffle" name="prize_shuffle" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.follower_shuffle" name="follower_shuffle" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="false">
|
||||
<template #header>
|
||||
<b>Item Settings:</b>
|
||||
</template>
|
||||
<SettingPicker color="primary" v-model="set.boots" name="boots" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.flute" name="flute" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.dark_rooms" name="dark_rooms" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.bombs" name="bombs" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.book" name="book" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.boots" name="boots" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.flute" name="flute" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.dark_rooms" name="dark_rooms" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.bombs" name="bombs" :generator="generator" :prefix="prefix" />
|
||||
<SettingPicker color="primary" v-model="set.book" name="book" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
<AccordionItem :expanded="false">
|
||||
<template #header>
|
||||
<b>Challenge Modes:</b>
|
||||
</template>
|
||||
<SettingPicker color="danger" v-model="set.damage_challenge" name="damage_challenge" generator="base" :prefix="prefix" />
|
||||
<SettingPicker color="danger" v-model="set.damage_challenge" name="damage_challenge" :generator="generator" :prefix="prefix" />
|
||||
</AccordionItem>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user