View RPoL: RPoL Development - HTML Based Character Sheets? by YoYo-Pete

Author

Message

Page: 2 1 [all][bottom]

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

moderator post | [quote] | [reply] | msg #11

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:

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:

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
Charisma	Constitution	Dexterity	Intelligence	Wisdom	Strength
4	8	7	5	5	7

New XP	XP Spent	Luck
5	XX	01

PRIMARY SKILLS
Animals	xx	Artistry	xx	Communication	xx
Animal Care	xx	Acting	xx	Administration	xx
Animal Training	xx	Dancing	xx	Barter	xx
Riding	xx	Instrument	xx	Bureaucracy	xx
Veterninary Medicine	xx	Painting	xx	Electronic Devices	xx
Zoology	xx	Photography	xx	Visual Devices	xx
		Poetry	xx	Languages	xx
		Sculpture	xx	Linguistics	xx
		Story Telling	xx
		Writing	xx


Covert	xx	Craft	xx	Discipline	xx
Camouflage	xx	Agriculture	xx	Concentration	xx
Disguise	xx	Brewing	xx	Deduction	xx
Forgery	xx	Carpentry	xx	Interrogation	xx
Gather Information	xx	Cooking	xx	Leadership	xx
Investigation	xx	Pottery	xx	Morale	xx
Sabotage	xx	Sewing	xx	Resistance	xx
Slight of Hand	xx	Smithing	xx
Stealth	xx	Tanner	xx
Streetwise	xx


Drive	xx	Influence	xx	Knowledge	xx
Ag. Vehicles	xx	Deception	xx	Appraisal	xx
Bicycles	xx	Diplomacy	xx	Computer Use	xx
Cars	xx	Persuasion	xx	Culture	xx
Commercial: Small	xx	Intimidation	xx	History	xx
Commercial: Large	xx	Seduction	xx	Law	xx
Heavy Equipment	xx			Literature	xx
Motorcycles				Philosophy	xx
				Politics	xx
				Religion	xx


Mechanics	xx	Medicine	xx	Paranormal	xx
Construction	xx	Doctor	xx	Empathy	xx
Customization	xx	Forensics	xx	Folklore	xx
Disable Device	xx	Genetics	xx	Insight	xx
Heating & Air	xx	Neurology	xx	Occult	xx
Jury-Rigging	xx	Pharmaceuticals	xx	Stage Magic	xx
Repair	xx	Psychiatry	xx
		Surgery	xx
		Toxicology	xx


Perception	xx	Physical	xx	Pilot	xx
Gambling	xx	Acrobatics	xx	Aircraft, Large	xx
Read Lips	xx	Athletics	xx	Aircraft, Small	xx
Scent	xx	Climbing	xx	Watercraft, Large	xx
Sight	xx	Contortion	xx	Watercraft, Small	xx
Sound	xx	Juggling	xx	Hovercraft	xx
Taste	xx	Jumping	xx	Spacecraft	xx
Touch	xx	Parachuting	xx
		Stealth	xx
		Swimming	xx
			xx


Science	xx	Survival	xx	Technical	xx
Archaeology	xx	First Aid	xx	Computer Hacking	xx
Biology	xx	Foraging	xx	Computer Programming	xx
Chemistry	xx	Fishing	xx	Computer Repair	xx
Life	xx	Hunting	xx	Electronics	xx
Math	xx	Navigation	xx	Electronic Repair	xx
Physical	xx	Tracking	xx	Robotics	xx
Social	xx	Trapping	xx
		Woodcraft	xx

COMBAT SKILLS
Archaic Weapons	xx	Demolitions	x	Heavy Weapons	xx
Blunt, small	xx	Create Explosive Device	xx	Artillary	xx
Blunt, medium	xx	Create Explosive Material	xx	Grenade Launcher	xx
Blunt, large	xx	Disarm Explosive Device	xx	Mortars	xx
Bow/X.Bow	xx	Knowledge: Explosives	xx	Rail Gun	xx
Piercing, small	xx			Rocket Launcher	xx
Piercing, medium	xx
Piercing, large	xx
Slashing, small	xx
Slashing, medium	xx
Slashing, large	xx


Medium Firearms	xx	Small Firearms	xx	Thrown	xx
Assault Rifle	xx	Handgun	xx	Dart	xx
Bolt-Action Rifle	xx	Revolver	xx	Grenade	xx
Machine Gun	xx	Sawed off Shotgun	xx	Javelin/Spear	xx
Shotgun	xx			Throwing Axe	xx
				Throwing Knife	xx


Unarmed	xx	Unconventional	xx	Vehicle Based	xx
Brawling	xx	Chains	xx	Specific Vehicle	xx
Martial Arts	xx	Whips	xx
Wrestling	xx	Surrounding Objects	xx

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
Charisma	Constitution	Dexterity	Intelligence	Wisdom	Strength
4	8	7	5	5	7

New XP	XP Spent	Luck
5	XX	01

PRIMARY SKILLS
Animals	xx	Artistry	xx	Communication	xx
Animal Care	xx	Acting	xx	Administration	xx
Animal Training	xx	Dancing	xx	Barter	xx
Riding	xx	Instrument	xx	Bureaucracy	xx
Veterninary Medicine	xx	Painting	xx	Electronic Devices	xx
Zoology	xx	Photography	xx	Visual Devices	xx
		Poetry	xx	Languages	xx
		Sculpture	xx	Linguistics	xx
		Story Telling	xx
		Writing	xx


Covert	xx	Craft	xx	Discipline	xx
Camouflage	xx	Agriculture	xx	Concentration	xx
Disguise	xx	Brewing	xx	Deduction	xx
Forgery	xx	Carpentry	xx	Interrogation	xx
Gather Information	xx	Cooking	xx	Leadership	xx
Investigation	xx	Pottery	xx	Morale	xx
Sabotage	xx	Sewing	xx	Resistance	xx
Slight of Hand	xx	Smithing	xx
Stealth	xx	Tanner	xx
Streetwise	xx


Drive	xx	Influence	xx	Knowledge	xx
Ag. Vehicles	xx	Deception	xx	Appraisal	xx
Bicycles	xx	Diplomacy	xx	Computer Use	xx
Cars	xx	Persuasion	xx	Culture	xx
Commercial: Small	xx	Intimidation	xx	History	xx
Commercial: Large	xx	Seduction	xx	Law	xx
Heavy Equipment	xx			Literature	xx
Motorcycles				Philosophy	xx
				Politics	xx
				Religion	xx


Mechanics	xx	Medicine	xx	Paranormal	xx
Construction	xx	Doctor	xx	Empathy	xx
Customization	xx	Forensics	xx	Folklore	xx
Disable Device	xx	Genetics	xx	Insight	xx
Heating & Air	xx	Neurology	xx	Occult	xx
Jury-Rigging	xx	Pharmaceuticals	xx	Stage Magic	xx
Repair	xx	Psychiatry	xx
		Surgery	xx
		Toxicology	xx


Perception	xx	Physical	xx	Pilot	xx
Gambling	xx	Acrobatics	xx	Aircraft, Large	xx
Read Lips	xx	Athletics	xx	Aircraft, Small	xx
Scent	xx	Climbing	xx	Watercraft, Large	xx
Sight	xx	Contortion	xx	Watercraft, Small	xx
Sound	xx	Juggling	xx	Hovercraft	xx
Taste	xx	Jumping	xx	Spacecraft	xx
Touch	xx	Parachuting	xx
		Stealth	xx
		Swimming	xx
			xx


Science	xx	Survival	xx	Technical	xx
Archaeology	xx	First Aid	xx	Computer Hacking	xx
Biology	xx	Foraging	xx	Computer Programming	xx
Chemistry	xx	Fishing	xx	Computer Repair	xx
Life	xx	Hunting	xx	Electronics	xx
Math	xx	Navigation	xx	Electronic Repair	xx
Physical	xx	Tracking	xx	Robotics	xx
Social	xx	Trapping	xx
		Woodcraft	xx

COMBAT SKILLS
Archaic Weapons	xx	Demolitions	x	Heavy Weapons	xx
Blunt, small	xx	Create Explosive Device	xx	Artillary	xx
Blunt, medium	xx	Create Explosive Material	xx	Grenade Launcher	xx
Blunt, large	xx	Disarm Explosive Device	xx	Mortars	xx
Bow/X.Bow	xx	Knowledge: Explosives	xx	Rail Gun	xx
Piercing, small	xx			Rocket Launcher	xx
Piercing, medium	xx
Piercing, large	xx
Slashing, small	xx
Slashing, medium	xx
Slashing, large	xx


Medium Firearms	xx	Small Firearms	xx	Thrown	xx
Assault Rifle	xx	Handgun	xx	Dart	xx
Bolt-Action Rifle	xx	Revolver	xx	Grenade	xx
Machine Gun	xx	Sawed off Shotgun	xx	Javelin/Spear	xx
Shotgun	xx			Throwing Axe	xx
				Throwing Knife	xx


Unarmed	xx	Unconventional	xx	Vehicle Based	xx
Brawling	xx	Chains	xx	Specific Vehicle	xx
Martial Arts	xx	Whips	xx
Wrestling	xx	Surrounding Objects	xx

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

[top]