DnD 5e Character Sheet

Feuille de personnage Dungeons & Dragons 5e édition

Une nouvelle feuille de personnage moderne pour les donjons et les dragons de la 5e édition.

À propos de:

L'idée principale derrière cette feuille est un accès facile aux informations de caractère commun et à un calcul automatique et à la population de champs. Pour voir une démo, cliquez ici

Actuellement, cela est censé être une feuille de personnage hors ligne pour le jeu de donjons et de dragons. Il a été réécrit pour avoir une disposition réactive moderne dans le CSS léger de W3.

La seule partie qui s'appuie sur la connexion en ligne est l'utilisation de Fontawesome, qui n'est utilisé que dans le menu déroulant. Il utilise JQuery pour charger un caractère à partir d'un fichier JSON et remplir automatiquement la majeure partie de la feuille en fonction de vos attributs.

Une feuille de caractères par défaut a été faite pour montrer comment ce formulaire est censé être utilisé. Cela comprend un «saveSheet.json», «personnage.jpeg» et «symbol.jpeg».

Crédits:

Ce projet a été fourchu à partir d'ici. Le crédit va à Chee32 pour le jQuery qui reste largement inchangé.

Des choses à savoir lors de l'utilisation de cette feuille.

Comment:

Faites votre propre feuille de personnage:

1. Télécharger ou cloner le référentiel.
2. Remplissez tous les champs qui regardent avec des scores de bonus de ProficeIncy et d'attribut.
3. Enregistrez votre feuille (dans le menu).

Enregistrez la feuille:

1. Cliquez sur les barres «Hamburger» pour ouvrir le menu.
2. Dans le menu déroulant «Options», cliquez sur «Enregistrer».
3. Une feuille JSON sera téléchargée.
4. Copiez la nouvelle feuille dans le dossier «feuille» du projet.
5. Vous pouvez maintenant actualiser la page ou cliquer sur le bouton «Chargement» dans le menu déroulant «Options».

Changer les images du caractère et de l'alliance:

1. Téléchargez vos images dans le dossier «IMGS»
2. Pour le nom d'apparence de caractère, le fichier 'caractères.jpeg'.
3. Pour le symbole de l'alliance, nommez le fichier 'symbol.jpeg'.
4. Actuellement, si vous souhaitez modifier le nom ou le type de fichier de ces images, vous devrez entrer dans le «app.css» et modifier les valeurs.

À «verrouiller» la feuille:

Le verrouillage empêche les scripts de fonctionner sur la feuille si vous souhaitez calculer toutes vos informations vous-même. Pour allumer la serrure:

1. Cliquez sur les barres «Hamburger» pour ouvrir le menu.
2. Dans le menu déroulant «Options», cliquez sur «Lock».
   • Actuellement, cela doit être défini à chaque fois que vous chargez la feuille.

Champs qui ne peuplent pas.

Certains champs ne sont pas automatiquement en fonction des attributs.

Certains des moins évidents sont:

• AC: La raison en est que vos fonctionnalités d'armure et de classe déterminent principalement votre AC. Je pensais qu'il valait mieux vous laisser le faire pour le définir.
• Bonus d'initiative: Encore une fois, beaucoup de choses peuvent changer cela autre que les attributs.
• Bonus de compétence: cela change principalement avec le niveau, donc je pensais qu'il était assez facile à définir.
• DICE HIT COURANT: Encore une fois, principalement basé sur le niveau et non les attributs.
• Max Health: Ceci est principalement basé sur la classe et le niveau. Il peut également être roulé si vous le avez choisi, donc je ne voulais pas que cela change si quelqu'un ajoutait plus de dés.

---

Modifications et mises à jour planifiées.

Modifications:

Hotfix -v2.1.3

• Hotfix pour la navigation cassée

Meilleur jQuery et plus -v2.1.2

• JQUERY mis à jour pour les panneaux en expansion et en effondrement
• Ajout d'un bouton «Faites défiler en haut»

Hotfixes -v2.1.1:

• Correction d'un problème où les données de la feuille de caractères .json ne se chargeaient pas.
• Les boîtes d'entrée qui sont remplies automatiquement ou ajustées sont désormais mises en évidence dans une couleur différente.
• Le menu dispose désormais d'une section «d'aide» (pour expliquer la surbrillance des couleurs par exemple).

Correction et formatage -v2.1:

• Correction de la section «Attack» sans affichage.
• Les fichiers HTML, CSS, JS formatés pour être plus faciles à lire et à avoir un espacement et un tablage cohérents.
• A modifié la disposition de la page «Attributs».
• Ajout d'une section supplémentaire «monture / animal de compagnie» pour permettre une gestion plus facile de plusieurs animaux / supports.
• Correction de quelques erreurs d'orthographe.
• Conception modifiée de la page Inventaire et mont.

Commit initial -v2.0:

• HTML et CSS se sont retrouvés pour utiliser la disposition réactive de W3.
• La feuille devrait désormais être utile 95% du temps sur n'importe quelle taille d'écran.
• Recordé la disposition des champs pour, espérons-le, fournir un accès plus facile à la plupart des statistiques et informations utilisées.
• Réévaluez 90% du CSS pour avoir une théorie du design plus moderne.
• RE-MAISER MENU pour être plus facile à utiliser + Utiliser comme navigation.
• Cassé des éléments majeurs pour être sur des «pages» séparées au lieu que tout soit sur une longue page.
• Mis à jour jQuery existant pour travailler avec les modifications.
• Ajout de JS supplémentaires pour ajouter des fonctionnalités:
  • Nouvelle conception de menu.
  • Les cartes de section peuvent être effondrées.
  • Commutation entre les «pages» (affichage / cache <div>).
• Ajout d'une section «classe / niveau» supplémentaire pour faciliter le multi-classes.
• Les informations de base du caractère restent au-dessus de la page en tant qu'en-tête.
• Ajout d'une page «Notes» pour les notes génériques.

Mises à jour et objectifs futures:

• Nettoyage du code: une grande partie du HTML et du CSS doit être nettoyée pour supprimer les références amorties, être plus cohérentes et être plus faciles à lire.
• Réglage fin et ajustement à l'interface utilisateur.
• Une meilleure documentation à l'avenir.
• Ajoutez de l'aide et de la documentation en tant qu'élément de menu et / ou page.
• Ajouter des fonctionnalités supplémentaires:
  • Calculez automatiquement plus de champs.
  • MEILLEUR MANIFICATION ET SÉLECTION D'IMAGE.
  • Permettez à l'utilisateur de sélectionner une feuille de sauvegarde à partir du chargement.
  • Rendre utilisable en ligne.
  • Soulevez des pointes d'outils pour les champs.

---

DÉCLIATION DES RAPPORTS ET PRINT.

Problèmes:

Si vous trouvez des problèmes, n'hésitez pas à les signaler et j'essaierai de les résoudre. Veuillez inclure autant de détails que possible sur la façon de recréer le problème, merci!

Tirez les demandes et fourchettes:

N'hésitez pas à apporter des contributions ou à fourrer ce projet. Veuillez simplement créditer l'auteur original et moi-même. Merci!