RolePlay onLine RPoL Logo

, welcome to RPoL Development

07:48, 29th March 2024 (GMT+0)

HTML Based Character Sheets?

Posted by YoYo-Pete
cruinne
moderator, 6392 posts
busy crossing the i's
and dotting the t's
Tue 5 Feb 2013
at 20:12

Re: HTML Based Character Sheets?

There is already a considerable amount of HTML mark-up or RuBB variant available.

I think jase is looking for what tags you're missing, specifically, from the existing set to be able to make improved character sheets on RPoL.
adrasteia1
member, 998 posts
Tue 5 Feb 2013
at 20:29
  • [deleted]
  • msg #12

Re: HTML Based Character Sheets?

This message was deleted by the user at 20:30, Tue 05 Feb 2013.
YoYo-Pete
member, 91 posts
4 8 15 16 23 42
Execute
Tue 5 Feb 2013
at 21:21
  • msg #13

Re: HTML Based Character Sheets?

Here's my code... .Feel free to use and modify or whatever.   It's just some simple HTML and I've got some tweeks to do, but it has a screen shot of what it looks like.

https://github.com/YoYo-Pete/RPOL

I'm not a big D20 or DnD gamer, so feel free to comment in github and I can fix stuff up and make it more proper.   Like my animal companion has no real stats (yet).
Lunarius
member, 198 posts
all things serve
the beam
Tue 5 Feb 2013
at 21:36
  • msg #14

Re: HTML Based Character Sheets?

In reply to YoYo-Pete (msg # 13):

Thank you very much!
Urieal
member, 100 posts
catchy phrase here...
witty comment here...
Wed 6 Feb 2013
at 14:11
  • msg #15

Re: HTML Based Character Sheets?

cruinne:
There is already a considerable amount of HTML mark-up or RuBB variant available.

I think jase is looking for what tags you're missing, specifically, from the existing set to be able to make improved character sheets on RPoL.

I have two ideas I'd like to posit:

1. Allow CSS inline styles on existing RuBB Code elements. This might require wrapping lines that break within <DIV> elements (or any other block level element...but <DIV> is best). Allow all CSS styles except those which allow for external linking of images (i.e. don't allow url as a valid style). This would allow GMs to post images with padding and other things.


2. Allow GMs to create a character sheet template using standard HTML, including a stylesheet. Here's how it would work. The GM defines exactly, via HTML, exactly how they want their sheet to look, identifying "fields" using similar markup to the standard client-side templating engines out there (mustache, handlebars, hogan, etc). I'd use "{{" and "}}", which are easy to parse. The stylesheet can be applied to ONLY the template using the '>' selector.

The GM defines the template, using {{unique-field-name}} for fields. When displaying the template, the back-end simply replaces the {{unique-field-name}} content with the values specified by the user. When editing their character sheet that is a template, the user is presented with a list of fields (labeled by their unique name). They input the values, and those are the only things that are stored on the back-end.

Using something like this could actually save space in the database. A single template would get stored per game. Using this, a player's character sheets wouldn't be a verbose blob of text, instead, it would just be a list of values (pipe delimited, or however you guys want to do it).

I'll see if I can mock something up in PHP and post it as an example.
This message was last edited by the user at 14:12, Wed 06 Feb 2013.
ninthbit
member, 44 posts
Steampunk Advocate
Wed 6 Feb 2013
at 15:54
  • msg #16

Re: HTML Based Character Sheets?

This doesn't seem practical.  Too many GMs already don't have the skill set to utilize the existing RUBB code.  Adding this level complexity would surely overwhelm more.

When I started my game I thought about creating a complex template with tables, like the one in the original post.   But the reward just didn't seem to outweigh the cost to me.    A well spaced monotyoe sheet gets the jobs done, its quick, and most importantly easy.

I'm not sure how non-d20 works, but for my game the sheets arent typically updated except for level ups anyways.
Urieal
member, 101 posts
catchy phrase here...
witty comment here...
Wed 6 Feb 2013
at 17:33
  • msg #17

Re: HTML Based Character Sheets?

In reply to ninthbit (msg # 16):

It would be optional and only GMs who wanted to use it would.
YoYo-Pete
member, 92 posts
4 8 15 16 23 42
Execute
Wed 6 Feb 2013
at 19:21
  • msg #18

Re: HTML Based Character Sheets?

It's nice cause you can link from the sheet to images or rules/skill/equipment lists on sites like D20srd which we use as our games rule set.

More so I think JASE answered the real question on why.  Instead of spending his dev time on sheets, he should be enhancing the tools to enable the users to do whatever they want.

He did so and I was able to come up with a nice looking sheet.   I found some issues that I worked around in development that (I dont recall what they were) didnt work in the HTML kind of way when I thought they should and this is what Jase should spend time on.   Making things work the way they should so we can do whatever.

It would be almost as big as an endeavor as RPOL itself to make a site where users can build sheets that can then be used by players.   It can be done, but I dont think Jase should be working on that when there's lots of RPOL enhancements to keep it moving forward with the rest of the web.

Thanks for RPOL Jase.  :D  It's given me years of adventure fun.
matthewfenn
member, 289 posts
www.nj-pbem.com
Northern Journey PBeM DM
Wed 6 Feb 2013
at 21:33
  • msg #19

Re: HTML Based Character Sheets?

I developed an Excel based character sheet that would automatically create the RUBB code necessary to create a table based character sheet...  but it is still a pain to have to come out of RPOL to update the character sheet.   :-(

Character sheets - whatever method is used to create them - are always a pain to maintain.  :-(
YoYo-Pete
member, 93 posts
4 8 15 16 23 42
Execute
Thu 7 Feb 2013
at 16:55
  • msg #20

Re: HTML Based Character Sheets?

The solution to that is to have Jase build a web service that would allow you to somehow send your user credentials, game, character, and a blob of the character sheet.

Then other people could build applications that just push the updated sheet into the game whenever the user saved the update on the third party site.

That's true service level web communications.  Send via HTTPS (443) and it'd be encrypted data, so no worries of credentials sniffing.

It could really be an awesome solution because it'd give web devs a chance to make the sheet for their game.  Best sites would just start gaining usage.  If the sheet site goes down, the character sheet is still stored here as well and can be edited via the normal RPOL tools.

I play DnD 2.3 and have a decent sheet that I could enhance for other users and build the service to make it work, but it'd be up to Jase to build that service which would probably be a big undertaking and away from the core development he's working on.

But... It think it'd be a great idea if RPOL had some web services for players to leverage against.  We have RSS services, so that's a start.

I'd love to hear from Jase if he has any interest in going that route in the future.
YoYo-Pete
member, 94 posts
4 8 15 16 23 42
Execute
Thu 7 Feb 2013
at 17:00
  • msg #21

Re: HTML Based Character Sheets?

Glumr, shocked the creatures disappeared, decides it's his chance to hightail it out.  He sprints out of the room, not worried about the spider's future.

Move/Run/Whatever to I11.

"The creatures must have been from magic and only last for a short time...at least that's my guess.  We are lucky.  What should we do?  Do we worry about the spider?"


WRONG WINDOW!!! LMAO!!!
This message was last edited by the user at 16:44, Fri 08 Feb 2013.
matthewfenn
member, 290 posts
www.nj-pbem.com
Northern Journey PBeM DM
Thu 7 Feb 2013
at 17:02
  • msg #22

Re: HTML Based Character Sheets?

In reply to YoYo-Pete (msg # 21):

I wonder if someone wrote their post in the wrong Reply window?
Mad Mick
member, 431 posts
I'm so happy
that the carbonite's gone
Thu 7 Feb 2013
at 17:03
  • msg #23

Re: HTML Based Character Sheets?

And what is DnD 2.3?
adrasteia1
member, 1000 posts
Even a small star
shines in the darkness
Thu 7 Feb 2013
at 17:26
  • msg #24

Re: HTML Based Character Sheets?

Yoyo: Kill it with fire.

Sorry, off-topic.
drew0500
member, 110 posts
D&D Gamer
Eclipse Classless
Thu 7 Feb 2013
at 23:30
  • msg #25

Re: HTML Based Character Sheets?

YoYo-Pete:
Here's my code... .Feel free to use and modify or whatever.   It's just some simple HTML and I've got some tweeks to do, but it has a screen shot of what it looks like.

https://github.com/YoYo-Pete/RPOL

I'm not a big D20 or DnD gamer, so feel free to comment in github and I can fix stuff up and make it more proper.   Like my animal companion has no real stats (yet).


If you don't mind, I would love to use this template as a character sheet in pcgen. I make d20 characters all the time for my players here on rpol and this would totally rock.

PCGen is an open source project character creation, I'm one of their guru's and such. If I have permission, I'll include it and give you credit for it. (rmail me if you don't mind as I don't check this forum as often).

Cheers,
matthewfenn
member, 291 posts
www.nj-pbem.com
Northern Journey PBeM DM
Fri 8 Feb 2013
at 07:31
  • msg #26

Re: HTML Based Character Sheets?

Hey YoYo - how did you get a screen shot of the entire sheet?  Or did you stitch several screen shots together in a graphics editor?

Scrap that - I googled and found out!  :-)

I have a spreadsheet based way of creating a character sheet and creating the necessary code to go into RPOL.

You can download it from here if anyone is interested.  http://www.matthew.fenn.dsl.pi.../Downloads/index.htm
Screenshot here: http://www.matthew.fenn.dsl.pi...rSheetScreenGrab.jpg

On the same page is also a simple spreadsheet for creating basic RPOL tables - from 1 to 9 columns wide.  Just enter the data in the preformatted cells and copy the code from a different column.
This message was last edited by the user at 08:34, Fri 08 Feb 2013.
YoYo-Pete
member, 95 posts
4 8 15 16 23 42
Execute
Fri 8 Feb 2013
at 16:43
  • msg #27

Re: HTML Based Character Sheets?

I did it at work and we have SNAGIT and it will do a capture of screen regions and auto scroll a window and stuff like that.  Real nice software honestly.

Nice sheet BTW.

I think what it boils down to me is that I play 1 game (for years now) on here and that's about all the D20 I play anymore.  If I was more active, I'd be building more things to support RPOL, but I'm not.  I just like to have some thought experiments and see what happens.
YoYo-Pete
member, 96 posts
4 8 15 16 23 42
Execute
Fri 8 Feb 2013
at 16:45
  • msg #28

Re: HTML Based Character Sheets?

Mad Mick:
And what is DnD 2.3?


It's what you type when you go 3.5 but miss.
Piestar
member, 170 posts
Thu 21 Feb 2013
at 07:31
  • msg #29

Re: HTML Based Character Sheets?

Wow, simply amazing work yoyo! Thanks for sharing.
Nazid
member, 113 posts
Fri 9 Sep 2022
at 15:05
  • msg #30

Re: HTML Based Character Sheets?

I'm not sure if this is the proper area to post this. If not, please direct me to the right area.

Our GM has a great character sheet until you try to edit it to add information.  Then it becomes a clustered jumble.  If there a way to make the editable version look somewhat like the pretty version?


This is the current code.


ABILITIES
CharismaConstitutionDexterityIntelligenceWisdomStrength
487557

New XPXP SpentLuck
5XX01

PRIMARY SKILLS
AnimalsxxArtistryxxCommunicationxx
Animal CarexxActingxxAdministrationxx
Animal TrainingxxDancingxxBarterxx
RidingxxInstrumentxxBureaucracyxx
Veterninary MedicinexxPaintingxxElectronic Devicesxx
ZoologyxxPhotographyxxVisual Devicesxx
  PoetryxxLanguagesxx
  SculpturexxLinguisticsxx
  Story Tellingxx  
  Writingxx  

 
CovertxxCraftxxDisciplinexx
CamouflagexxAgriculturexxConcentrationxx
DisguisexxBrewingxxDeductionxx
ForgeryxxCarpentryxxInterrogationxx
Gather InformationxxCookingxxLeadershipxx
InvestigationxxPotteryxxMoralexx
SabotagexxSewingxxResistancexx
Slight of HandxxSmithingxx  
StealthxxTannerxx  
Streetwisexx    

 
DrivexxInfluencexxKnowledgexx
Ag. VehiclesxxDeceptionxxAppraisalxx
BicyclesxxDiplomacyxxComputer Usexx
CarsxxPersuasionxxCulturexx
Commercial: SmallxxIntimidationxxHistoryxx
Commercial: LargexxSeductionxxLawxx
Heavy Equipmentxx  Literaturexx
Motorcycles   Philosophyxx
    Politicsxx
    Religionxx

 
MechanicsxxMedicinexxParanormalxx
ConstructionxxDoctorxxEmpathyxx
CustomizationxxForensicsxxFolklorexx
Disable DevicexxGeneticsxxInsightxx
Heating & AirxxNeurologyxxOccultxx
Jury-RiggingxxPharmaceuticalsxxStage Magicxx
RepairxxPsychiatryxx  
  Surgeryxx  
  Toxicologyxx  
      
      

 
PerceptionxxPhysicalxxPilotxx
GamblingxxAcrobaticsxxAircraft, Largexx
Read LipsxxAthleticsxxAircraft, Smallxx
ScentxxClimbingxxWatercraft, Largexx
SightxxContortionxxWatercraft, Smallxx
SoundxxJugglingxxHovercraftxx
TastexxJumpingxxSpacecraftxx
TouchxxParachutingxx  
  Stealthxx  
  Swimmingxx  
   xx  

 
SciencexxSurvivalxxTechnicalxx
ArchaeologyxxFirst AidxxComputer Hackingxx
BiologyxxForagingxxComputer Programmingxx
ChemistryxxFishingxxComputer Repairxx
LifexxHuntingxxElectronicsxx
MathxxNavigationxxElectronic Repairxx
PhysicalxxTrackingxxRoboticsxx
SocialxxTrappingxx  
  Woodcraftxx  
      

COMBAT SKILLS
Archaic WeaponsxxDemolitionsxHeavy Weaponsxx
Blunt, smallxxCreate Explosive DevicexxArtillaryxx
Blunt, mediumxxCreate Explosive MaterialxxGrenade Launcherxx
Blunt, largexxDisarm Explosive DevicexxMortarsxx
Bow/X.BowxxKnowledge: ExplosivesxxRail Gunxx
Piercing, smallxx  Rocket Launcherxx
Piercing, mediumxx    
Piercing, largexx    
Slashing, smallxx    
Slashing, mediumxx    
Slashing, largexx    


 
Medium FirearmsxxSmall FirearmsxxThrownxx
Assault RiflexxHandgunxxDartxx
Bolt-Action RiflexxRevolverxxGrenadexx
Machine GunxxSawed off ShotgunxxJavelin/Spearxx
Shotgunxx  Throwing Axexx
    Throwing Knifexx

 
UnarmedxxUnconventionalxxVehicle Basedxx
BrawlingxxChainsxxSpecific Vehiclexx
Martial ArtsxxWhipsxx  
WrestlingxxSurrounding Objectsxx  
      
      
      
      


36 points to Stats

10 Max, 3 Min

-----------------------

27 Root Skills

1- 8
1- 7
2- 6
2- 5
3- 4
4- 3
4- 2
4- 1
6- 0

theseeker
member, 40 posts
Fri 9 Sep 2022
at 16:49
  • msg #31

Re: HTML Based Character Sheets?

That is mostly BBcode, not html, but some of the same rules apply. In this case, the important one is that extra spaces, in the right places, have no effect on what is displayed. So extra spaces can be added to the 'code' to make it look closer.

Is this any better? The extra formatting for the title rows means they do not stay lined up, but the table rows can be. Even more spaces could be added, to make the columns from each table line up with the columns of other tables, but that is likely to make the rows too long. They would wrap, ruining the attempted alignment (especially with smaller screens).


ABILITIES
CharismaConstitutionDexterityIntelligenceWisdomStrength
487557

New XPXP SpentLuck
5XX01

PRIMARY SKILLS
AnimalsxxArtistryxxCommunicationxx
Animal CarexxActingxxAdministrationxx
Animal TrainingxxDancingxxBarterxx
RidingxxInstrumentxxBureaucracyxx
Veterninary MedicinexxPaintingxxElectronic Devicesxx
ZoologyxxPhotographyxxVisual Devicesxx
  PoetryxxLanguagesxx
  SculpturexxLinguisticsxx
  Story Tellingxx  
  Writingxx  

 
CovertxxCraftxxDisciplinexx
CamouflagexxAgriculturexxConcentrationxx
DisguisexxBrewingxxDeductionxx
ForgeryxxCarpentryxxInterrogationxx
Gather InformationxxCookingxxLeadershipxx
InvestigationxxPotteryxxMoralexx
SabotagexxSewingxxResistancexx
Slight of HandxxSmithingxx  
StealthxxTannerxx  
Streetwisexx    

 
DrivexxInfluencexxKnowledgexx
Ag. VehiclesxxDeceptionxxAppraisalxx
BicyclesxxDiplomacyxxComputer Usexx
CarsxxPersuasionxxCulturexx
Commercial: SmallxxIntimidationxxHistoryxx
Commercial: LargexxSeductionxxLawxx
Heavy Equipmentxx  Literaturexx
Motorcycles   Philosophyxx
    Politicsxx
    Religionxx

 
MechanicsxxMedicinexxParanormalxx
ConstructionxxDoctorxxEmpathyxx
CustomizationxxForensicsxxFolklorexx
Disable DevicexxGeneticsxxInsightxx
Heating & AirxxNeurologyxxOccultxx
Jury-RiggingxxPharmaceuticalsxxStage Magicxx
RepairxxPsychiatryxx  
  Surgeryxx  
  Toxicologyxx  
      
      

 
PerceptionxxPhysicalxxPilotxx
GamblingxxAcrobaticsxxAircraft, Largexx
Read LipsxxAthleticsxxAircraft, Smallxx
ScentxxClimbingxxWatercraft, Largexx
SightxxContortionxxWatercraft, Smallxx
SoundxxJugglingxxHovercraftxx
TastexxJumpingxxSpacecraftxx
TouchxxParachutingxx  
  Stealthxx  
  Swimmingxx  
   xx  

 
SciencexxSurvivalxxTechnicalxx
ArchaeologyxxFirst AidxxComputer Hackingxx
BiologyxxForagingxxComputer Programmingxx
ChemistryxxFishingxxComputer Repairxx
LifexxHuntingxxElectronicsxx
MathxxNavigationxxElectronic Repairxx
PhysicalxxTrackingxxRoboticsxx
SocialxxTrappingxx  
  Woodcraftxx  
      

COMBAT SKILLS
Archaic WeaponsxxDemolitionsxHeavy Weaponsxx
Blunt, smallxxCreate Explosive DevicexxArtillaryxx
Blunt, mediumxxCreate Explosive MaterialxxGrenade Launcherxx
Blunt, largexxDisarm Explosive DevicexxMortarsxx
Bow/X.BowxxKnowledge: ExplosivesxxRail Gunxx
Piercing, smallxx  Rocket Launcherxx
Piercing, mediumxx    
Piercing, largexx    
Slashing, smallxx    
Slashing, mediumxx    
Slashing, largexx    


 
Medium FirearmsxxSmall FirearmsxxThrownxx
Assault RiflexxHandgunxxDartxx
Bolt-Action RiflexxRevolverxxGrenadexx
Machine GunxxSawed off ShotgunxxJavelin/Spearxx
Shotgunxx  Throwing Axexx
    Throwing Knifexx

 
UnarmedxxUnconventionalxxVehicle Basedxx
BrawlingxxChainsxxSpecific Vehiclexx
Martial ArtsxxWhipsxx  
WrestlingxxSurrounding Objectsxx  
      
      
      
      


36 points to Stats

10 Max, 3 Min

-----------------------

27 Root Skills

1- 8
1- 7
2- 6
2- 5
3- 4
4- 3
4- 2
4- 1
6- 0

Nazid
member, 114 posts
Fri 9 Sep 2022
at 18:03
  • msg #32

Re: HTML Based Character Sheets?

This is much better.  I wish I could figure a way to be able to edit the actual sheet as it displays.  Just haven't figured that out yet.  Thank you much for the assistance.
evileeyore
member, 733 posts
GURPS GM and Player
Joined 20150819
Sat 10 Sep 2022
at 00:38
  • msg #33

Re: HTML Based Character Sheets?

Nazid:
This is much better.  I wish I could figure a way to be able to edit the actual sheet as it displays.  Just haven't figured that out yet.  Thank you much for the assistance.

My trick, which I use on my own sheets, is to copy into Notepad, then replace out "| " with "| [tab]"  and " |" with "[tab] |" where [tab] is a tab.  Then I copy it into a spreadsheet.  Once edited, I just reverse the process by replacing all tabs with nothing.
Nazid
member, 115 posts
Sat 10 Sep 2022
at 06:07
  • msg #34

Re: HTML Based Character Sheets?

I'll have to give that a try.  Thank you
theseeker
member, 41 posts
Sat 10 Sep 2022
at 15:05
  • msg #35

Re: HTML Based Character Sheets?

Nazid:
I wish I could figure a way to be able to edit the actual sheet as it displays.  Just haven't figured that out yet.

I have not tried it myself, but a search for "bbcode wysiwyg" turned up https://wysibb.com/ as the first item. There are other options.

wysiwyg is What You See Is What You Get
Sign In