Sheepy's JavaScript D&D 4e Character Generator

System Requirements:  
JavaScript 1.7 (Firefox 2+) required.   Firefox 3 recommended for better performance and experience.
Resolution: Usable on 1024x768, larger recommanded.  Wide screen not recommanded.

User Requirements:  
Basic knowledge of game system is important.  In-depth knowledge would be helpful.
Engish script proficiency is also required; A decent Int & Wis score or Insight and Perception skill modifiers would be nice. Having relevant source book(s) on-hand may further improves your generate character checks, .

General Usage:  
Work from top to bottom is easiest, but you can jump around freely.
Hotkey usage - Firefox: Alt+Shift+(Key) ; Opera: Shift+Esc,(Key) ; Others: Alt/Ctrl+(Key).  
Ability scores adjustable by up and down keys, once the keyboard focus is on one of them.

Save for offline use:  
File ⇒ Save Page As... → Save as type: "Web Page, complete" ⇒ Save  
Go to where you saved me, open "index" or "index.html" and I will come up.  You can then bookmark me in the browser.
Saved version does not support alternative languages.

Boring intensions and notes: [ + ]
[ - ]
This actually started as a Star Wars Saga Edition chargen, but 4e came out before I got serious so...

This is not intended to be DDI/PCGen chargen replacement; instead I wanted a quick, light, accessible simple chargen.
Although the backend is designed to be flexible, this interface strictly follow core rules for a less overwhelming user experience.
While mouseless usage is possible, keyboard focus will always be disrupted since almost all controls would be rebuild on change.

As an Adblocking fan and as a developer pushing for better JavaScript, I consciously let this run only on Firefox.
There is no browser detection; the day other browsers update to modern web standards would be the day this will run on them.
With ECMAScript Harmony, the day may really arrives in the life span of 4e, I hope.

I may be familiar with web standards but I am not a designer.  Style/design advise welcomed.
Developed mainly with IntelliJ IDEA, Easy Eclipse for PHP, JEdit, Firefox, and Firebug.

Even more boring technical notes: [ + ]
[ - ]
This chargen heavily uses new language features in JavaScript 1.7 and 1.6.
CSS 3 is also used extensivelly to provide dynamic ui effects - no JavaScript involved.
There is no server side code or 3rd party framework.  One "Save As" and you would have all the code short of localised text.

Localisations involves changing two files: this html and text resource.
Backend system and race / class / feature / feat / power / ritual / equipment data contained in window.chargen
UI generators and builders contained in window.cgevent. Sheet generation is dependent on some data set during UI generation.
Sheet generation code loaded in second stage alongside sheet builders.

Contact:   your.sheepy@gmail.com
You are free to use, save, copy, modify, or distribute this piece of code, commercial or not.

[ hide ] Ho Yiu YEUNG, aka Sheepy, © 2010