mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-10-30 13:14:20 +00:00
outils de création de sorts/monstres/objets
This commit is contained in:
Maxime Moraine
parent
6237f0e6a2
commit
a6986c42c6
48 changed files with 2743 additions and 259 deletions
402
docs/.vuepress/theme/layouts/CreateMonsterLayout.vue
Normal file
402
docs/.vuepress/theme/layouts/CreateMonsterLayout.vue
Normal file
|
|
@ -0,0 +1,402 @@
|
|||
<template>
|
||||
<div class="create-monster">
|
||||
<div class="d-flex align-center mb-4 d-print-none">
|
||||
<Breadcrumb class="mr-auto" />
|
||||
<v-btn color="primary" class="mr-4" depressed link to="/mon-bestiaire/">Mon Bestiaire</v-btn>
|
||||
<v-btn color="primary" depressed link to="/bestiaire/">Bestiaire</v-btn>
|
||||
</div>
|
||||
|
||||
<h1 class="d-print-none">Création de monstre/PNJ</h1>
|
||||
|
||||
<div class="my-4 d-flex flex-wrap d-print-none">
|
||||
<v-btn outlined color="accent" class="mr-1 mb-1" depressed @click="print"><v-icon>mdi-printer</v-icon> Imprimer</v-btn>
|
||||
<v-btn outlined color="accent" class="mr-1 mb-1" depressed @click="download"><v-icon>mdi-file-download</v-icon> Sauvegarder</v-btn>
|
||||
<v-btn outlined color="accent" class="mr-1 mb-1" depressed :loading="isUploading" @click="onUploadClick">
|
||||
<v-icon left>mdi-file-upload</v-icon> Charger
|
||||
</v-btn>
|
||||
<input ref="uploader" class="d-none" type="file" @change="upload">
|
||||
<v-btn :outlined="!isMonsterInBestiary" color="accent" class="mr-1 mb-1" depressed @click="toggleMonsterInBestiary"><v-icon>mdi-book</v-icon> {{ displayToggleMonsterButton }}</v-btn>
|
||||
<v-btn :disabled="!isMonsterInBestiary" outlined color="accent" class="mr-1 mb-1" depressed @click="updateMonsterInBestiary"><v-icon>mdi-update</v-icon> MàJ dans le bestiaire</v-btn>
|
||||
<v-btn outlined color="error" class="mb-1" depressed @click="reset"><v-icon>mdi-eraser</v-icon> Réinitialiser</v-btn>
|
||||
</div>
|
||||
|
||||
<v-row>
|
||||
<v-col class="d-print-none" :col="6">
|
||||
|
||||
<v-row>
|
||||
<v-col>
|
||||
<v-text-field label="Nom" placeholder="Elfe noir" outlined dense v-model="monster.title"></v-text-field>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-select :items="sizes" item-text="label" item-value="abbr" label="Taille" outlined dense v-model="monster.frontmatter.size" @change="selectMonsterSize"></v-select>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-select :items="challenges" item-text="label" item-value="value" label="Dangerosité" persistent-hint :hint="challengeHint" outlined dense v-model="monster.frontmatter.challenge"></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col>
|
||||
<v-select :items="monsterTypes" label="Type" outlined dense v-model="monster.frontmatter.type"></v-select>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-text-field label="Sous-type" outlined dense v-model="monster.frontmatter.subtype"></v-text-field>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-text-field label="Alignement" placeholder="Chaotique mauvais" outlined dense v-model="monster.frontmatter.alignment"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col class="d-flex justify-space-between">
|
||||
<v-switch :disabled="!monster.frontmatter.type" class="my-0 mr-4" v-model="monster.frontmatter.isSwarm" label="Nuée" dense @change="switchIsSwarm"></v-switch>
|
||||
<v-select :disabled="!monster.frontmatter.isSwarm" :items="sizes" item-text="label" item-value="abbr" label="Taille des créatures" outlined dense v-model="monster.frontmatter.swarmSize"></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col class="d-flex align-center">
|
||||
<v-text-field class="mr-1" label="Force" type="number" min="1" outlined dense v-model="monster.frontmatter.abilityScores.for"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Dextérité" type="number" min="1" outlined dense v-model="monster.frontmatter.abilityScores.dex"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Constitution" type="number" min="1" outlined dense v-model="monster.frontmatter.abilityScores.con"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Intelligence" type="number" min="1" outlined dense v-model="monster.frontmatter.abilityScores.int"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Sagesse" type="number" min="1" outlined dense v-model="monster.frontmatter.abilityScores.sag"></v-text-field>
|
||||
<v-text-field class="mr-0" label="Charisme" type="number" min="1" outlined dense v-model="monster.frontmatter.abilityScores.cha"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col class="d-flex align-center">
|
||||
<v-text-field label="Dés de vie" type="number" min="1" outlined dense v-model="monster.frontmatter.hitDiceCount"></v-text-field>
|
||||
<v-switch class="my-0 mx-1" v-model="customHitDieSize" label="Dé de vie personnalisé" dense @change="switchCustomHitDizeSize"></v-switch>
|
||||
<v-select :disabled="!customHitDieSize" :items="sizes" item-text="hitDie" item-value="hitDie" label="Taille du dé de vie" outlined dense v-model="monster.frontmatter.hitDieSize"></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col class="d-flex align-center">
|
||||
<v-select class="mr-1" :items="armorTypes" item-text="label" item-value="value" label="Type d'armure" outlined dense v-model="monster.frontmatter.ac.armorType" @change="selectArmorType"></v-select>
|
||||
<v-text-field v-if="monster.frontmatter.ac.armorType == 'armure naturelle'" label="Armure naturelle" type="number" min="0" outlined dense v-model="monster.frontmatter.ac.value"></v-text-field>
|
||||
<v-text-field v-if="monster.frontmatter.ac.armorType == 'custom'" label="Armure personnalisée" outlined dense v-model="monster.frontmatter.ac.value"></v-text-field>
|
||||
<v-switch class="my-0 ml-1" v-if="monster.frontmatter.ac.armorType != 'custom'" v-model="monster.frontmatter.ac.hasShield" label="Bouclier" dense></v-switch>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col class="d-flex align-center">
|
||||
<v-select class="mr-1" multiple clearable :items="abilities" item-text="label" item-value="value" label="Jets de sauvegarde" outlined dense v-model="monster.frontmatter.savingThrows"></v-select>
|
||||
<v-select class="mr-1" multiple clearable return-object :items="skills" item-text="label" item-value="value" label="Compétences" outlined dense v-model="selectedSkillsProficient" @change="selectSkill"></v-select>
|
||||
<v-select class="mr-1" multiple clearable :items="selectedSkillsProficient" item-text="label" item-value="value" label="Compétences expert" outlined dense v-model="selectedSkillsExpert" @change="selectSkillExpert"></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col class="d-flex align-center flex-wrap">
|
||||
<v-select class="mr-1" multiple clearable :items="conditions" label="Immunité états spéciaux" outlined dense v-model="monster.frontmatter.conditionImmunities"></v-select>
|
||||
<v-select class="mr-1" multiple clearable :items="damageTypes" label="Vulnérabilité au dégâts" outlined dense v-model="monster.frontmatter.damageTypeVulnerabilities"></v-select>
|
||||
<v-select class="mr-1" multiple clearable :items="damageTypes" label="Résistance au dégâts" outlined dense v-model="monster.frontmatter.damageTypeResistances"></v-select>
|
||||
<v-select class="mr-1" multiple clearable :items="damageTypes" label="Immunité au dégâts" outlined dense v-model="monster.frontmatter.damageTypeImmunities"></v-select>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col class="d-flex align-center">
|
||||
<v-text-field class="mr-1" label="Au sol" type="number" min="0" outlined dense v-model="monster.frontmatter.movement.walk"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Escalade" type="number" min="0" outlined dense v-model="monster.frontmatter.movement.climb"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Fouissement" type="number" min="0" outlined dense v-model="monster.frontmatter.movement.burrow"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Nage" type="number" min="0" outlined dense v-model="monster.frontmatter.movement.swim"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Vol" type="number" min="0" outlined dense v-model="monster.frontmatter.movement.fly"></v-text-field>
|
||||
<v-switch class="my-0" v-model="monster.frontmatter.movement.hover" label="Vol stationnaire" dense></v-switch>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col class="d-flex align-center">
|
||||
<v-text-field class="mr-1" label="Perception des vibrations" type="number" min="0" outlined dense v-model="monster.frontmatter.senses.tremorsense"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Vision aveugle" type="number" min="0" outlined dense v-model="monster.frontmatter.senses.blindsight"></v-text-field>
|
||||
<v-text-field class="mr-1" label="Vision dans le noir" type="number" min="0" outlined dense v-model="monster.frontmatter.senses.darkvision"></v-text-field>
|
||||
<v-text-field class="mr-0" label="Vision parfaite" type="number" min="0" outlined dense v-model="monster.frontmatter.senses.truesight"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col class="d-flex align-center">
|
||||
<v-select class="mr-1" multiple clearable :items="languages" label="Langues" outlined dense v-model="monster.frontmatter.languages"></v-select>
|
||||
<v-text-field class="mr-1" label="Langue personnalisée" outlined dense v-model="monster.frontmatter.customLanguage"></v-text-field>
|
||||
<v-text-field label="Télépathie" type="number" min="0" outlined dense v-model="monster.frontmatter.telepathy"></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col>
|
||||
<v-textarea outlined label="Capacités, Actions, Réactions, Actions légendaires" v-model="monster.content"></v-textarea>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
</v-col>
|
||||
|
||||
<v-col :col="6">
|
||||
<Monster :monster="monster" />
|
||||
</v-col>
|
||||
</v-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Breadcrumb from '@theme/components/Breadcrumb'
|
||||
import Monster from '@theme/components/Monster'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { MONSTERTYPES, MONSTERSIZES, CHALLENGES, ABILITIES, SKILLS } from '../../data/monsters'
|
||||
import { stats } from '../../data/stats'
|
||||
import { ARMORTYPES } from '../../data/armorTypes'
|
||||
import { CONDITIONS } from '../../data/conditions'
|
||||
import { DAMAGETYPES } from '../../data/damageTypes'
|
||||
import { LANGUAGES } from '../../data/languages'
|
||||
import { getUrlParameter } from '@theme/util/filterHelpers'
|
||||
import { getProficiencyBonus, displayBonus } from '@theme/util/monsterHelpers'
|
||||
|
||||
export default {
|
||||
name: 'CreateMonsterLayout',
|
||||
|
||||
components: {
|
||||
Breadcrumb,
|
||||
Monster
|
||||
},
|
||||
|
||||
computed: {
|
||||
isMonsterInBestiary () {
|
||||
let isInBestiary = false
|
||||
for (let s of this.$store.state.myMonsters.monsters) {
|
||||
if (s.key == this.monster.key) {
|
||||
isInBestiary = true
|
||||
}
|
||||
}
|
||||
return isInBestiary
|
||||
},
|
||||
|
||||
displayToggleMonsterButton () {
|
||||
if (this.isMonsterInBestiary) {
|
||||
return 'Supprimer de mon bestiaire'
|
||||
}
|
||||
return 'Ajouter à mon bestiaire'
|
||||
},
|
||||
|
||||
challengeHint () {
|
||||
return 'Bonus de maîtrise : ' + displayBonus(getProficiencyBonus(this.monster.frontmatter.challenge))
|
||||
},
|
||||
},
|
||||
|
||||
data () {
|
||||
return {
|
||||
isUploading: false,
|
||||
monsterTypes: MONSTERTYPES,
|
||||
sizes: MONSTERSIZES,
|
||||
armorTypes: ARMORTYPES,
|
||||
abilities: ABILITIES,
|
||||
skills: SKILLS,
|
||||
skillObjects: stats.skills,
|
||||
conditions: CONDITIONS,
|
||||
damageTypes: DAMAGETYPES,
|
||||
challenges: CHALLENGES,
|
||||
languages: LANGUAGES,
|
||||
customHitDieSize: false,
|
||||
selectedSkillsProficient: [],
|
||||
selectedSkillsExpert: [],
|
||||
monster: {
|
||||
custom: true,
|
||||
pid: 'monster',
|
||||
key: null,
|
||||
title: '',
|
||||
content: '',
|
||||
frontmatter: {
|
||||
type: '',
|
||||
subtype: '',
|
||||
size: '',
|
||||
challenge: '0',
|
||||
alignment: '',
|
||||
isSwarm: false,
|
||||
swarmSize: '',
|
||||
hitDiceCount: 1,
|
||||
hitDieSize: '',
|
||||
abilityScores: {
|
||||
for: 10,
|
||||
dex: 10,
|
||||
con: 10,
|
||||
int: 10,
|
||||
sag: 10,
|
||||
cha: 10,
|
||||
},
|
||||
ac: {
|
||||
armorType: null,
|
||||
value: null, // Dans le cas du type d'armure "Armure naturelle"
|
||||
hasShield: false,
|
||||
},
|
||||
savingThrow: null,
|
||||
skills: null,
|
||||
movement: {
|
||||
walk: '',
|
||||
climb: '',
|
||||
burrow: '',
|
||||
swim: '',
|
||||
fly: '',
|
||||
hover: false,
|
||||
},
|
||||
senses: {
|
||||
tremorsense: '',
|
||||
blindsight: '',
|
||||
darkvision: '',
|
||||
truesight: '',
|
||||
},
|
||||
conditionImmunities: [],
|
||||
damageTypeVulnerabilities: [],
|
||||
damageTypeResistances: [],
|
||||
damageTypeImmunities: [],
|
||||
languages: [],
|
||||
customLanguage: '',
|
||||
telepathy: null
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
download () {
|
||||
saveAs(new Blob([JSON.stringify(this.monster)], {
|
||||
type: "text/plain;charset=utf-8"
|
||||
}), "monstre.json")
|
||||
},
|
||||
|
||||
upload (e) {
|
||||
let file = e.target.files[0]
|
||||
let reader = new FileReader()
|
||||
let self = this
|
||||
|
||||
reader.onload = function() {
|
||||
let result = JSON.parse(reader.result)
|
||||
if (result.pid == 'monster') {
|
||||
self.monster = result
|
||||
}
|
||||
}
|
||||
|
||||
reader.readAsText(file)
|
||||
},
|
||||
|
||||
onUploadClick () {
|
||||
this.isUploading = true
|
||||
window.addEventListener('focus', () => {
|
||||
this.isUploading = false
|
||||
}, { once: true })
|
||||
|
||||
this.$refs.uploader.click()
|
||||
},
|
||||
|
||||
print () {
|
||||
window.print()
|
||||
},
|
||||
|
||||
toggleMonsterInBestiary () {
|
||||
if (this.isMonsterInBestiary) {
|
||||
this.$store.commit('myMonsters/removeMonster', this.monster)
|
||||
} else {
|
||||
this.$store.commit('myMonsters/addMonster', this.monster)
|
||||
}
|
||||
},
|
||||
|
||||
updateMonsterInBestiary () {
|
||||
if (this.isMonsterInBestiary) {
|
||||
this.$store.commit('myMonsters/updateMonster', this.monster)
|
||||
}
|
||||
},
|
||||
|
||||
reset () {
|
||||
this.monster = {
|
||||
custom: true,
|
||||
pid: 'monster',
|
||||
key: Math.random().toString(36).substr(2, 9),
|
||||
title: '',
|
||||
content: '',
|
||||
frontmatter: {
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
switchIsSwarm () {
|
||||
if (!this.monster.frontmatter.isSwarm) {
|
||||
this.monster.frontmatter.swarmSize = ''
|
||||
}
|
||||
},
|
||||
|
||||
selectMonsterSize (selected) {
|
||||
|
||||
},
|
||||
|
||||
switchCustomHitDizeSize () {
|
||||
if (!this.customHitDieSize) {
|
||||
this.monster.frontmatter.hitDieSize = ''
|
||||
}
|
||||
},
|
||||
|
||||
selectArmorType () {
|
||||
if (this.monster.frontmatter.ac.armorType == 'armure naturelle' || this.monster.frontmatter.ac.armorType == 'custom') {
|
||||
this.monster.frontmatter.ac.value = null
|
||||
}
|
||||
},
|
||||
|
||||
selectSkill () {
|
||||
this.monster.frontmatter.skills = []
|
||||
this.selectedSkillsProficient.forEach((skill, idx) => {
|
||||
this.monster.frontmatter.skills.push({name: skill.value})
|
||||
})
|
||||
this.setSkillsExpert()
|
||||
},
|
||||
|
||||
selectSkillExpert () {
|
||||
this.selectSkill()
|
||||
this.setSkillsExpert()
|
||||
},
|
||||
|
||||
setSkillsExpert () {
|
||||
this.monster.frontmatter.skills.forEach((mskill, idx) => {
|
||||
this.monster.frontmatter.skills[idx].isExpert = this.selectedSkillsExpert.indexOf(mskill.name) >= 0
|
||||
})
|
||||
},
|
||||
},
|
||||
|
||||
mounted () {
|
||||
this.$store.commit('setHasRightDrawer', false)
|
||||
this.$store.commit('setRightDrawer', this.$vuetify.breakpoint.lgAndUp)
|
||||
this.$store.commit('setInRightDrawer', null)
|
||||
|
||||
let monsterKey = getUrlParameter(window.location.href, "key")
|
||||
|
||||
if (monsterKey) {
|
||||
for (let monster of this.$store.state.myMonsters.monsters) {
|
||||
if (monster.key == monsterKey) {
|
||||
this.monster = monster
|
||||
if (!this.monster.custom) {
|
||||
this.monster.content = monster.rawContent
|
||||
this.monster.custom = true
|
||||
}
|
||||
if (this.monster.frontmatter.skills) {
|
||||
this.monster.frontmatter.skills.forEach((mskill, idx) => {
|
||||
SKILLS.forEach((skill, jdx) => {
|
||||
if (mskill.name == skill.value) {
|
||||
this.selectedSkillsProficient.push(skill)
|
||||
if (mskill.isExpert) {
|
||||
this.selectedSkillsExpert.push(skill.value)
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
this.monster.key = Math.random().toString(36).substr(2, 9)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Loading…
Add table
Add a link
Reference in a new issue