tag + * that surrounds the quality when it is displayed. A common + * use for this is to add icons representing the quality. In + * your CSS define a class for each icon, then pass those + * classes into the appropriate quality definitions. + * + * One key purpose of QualityDefinition is to format the quality + * value for display. Quality values are always stored as numeric + * values, but may be displayed in words or symbols. A number of + * sub-types of QualityDefinition are given that format their + * values in different ways. + */ + var QualityDefinition = function(title, opts) { + var myOpts = $.extend({ + priority: title, + group: null, + extraClasses: null + }, opts); + this.title = title; + this.priority = myOpts.priority; + this.group = myOpts.group; + this.extraClasses = myOpts.extraClasses; + }; + /* Formats the value (which is always numeric) into the value to + * be displayed. The result should be HTML (but no tags are + * needed). If null is returned, then the quality definition will + * not be displayed, so if you want an empty value return an empty + * string. */ + QualityDefinition.prototype.format = function(character, value) { + return value.toString(); + }; + + /* A quality that is always displayed as the nearest integer of + * the current value, rounded down. Options (in the opts + * parameter) are the same as for QualityDefinition. */ + var IntegerQuality = function(title, opts) { + QualityDefinition.call(this, title, opts); + }; + IntegerQuality.inherits(QualityDefinition); + IntegerQuality.prototype.format = function(character, value) { + return Math.floor(value).toString(); + }; + + /* A quality that displays as an IntegerQuality, unless it is + * zero, when it is omitted. Options (in the opts * parameter) are + * the same as for QualityDefinition. */ + var NonZeroIntegerQuality = function(title, opts) { + IntegerQuality.call(this, title, opts); + }; + NonZeroIntegerQuality.inherits(IntegerQuality); + NonZeroIntegerQuality.prototype.format = function(character, value) { + if (value == 0) { + return null; + } else { + return IntegerQuality.prototype.format.call( + this, character, value + ); + } + }; + + /* A quality that displays its full numeric value, including + * decimal component. This is actually a trivial wrapper around + * the QualityDefinition class, which formats in the same + * way. Options (in the opts parameter) are the same as for + * QualityDefinition. */ + var NumericQuality = function(title, opts) { + QualityDefinition.call(this, title, opts); + }; + NumericQuality.inherits(QualityDefinition); + + /* A quality that displays its values as one of a set of + * words. The quality value is first rounded down to the nearest + * integer, then this value is used to select a word to + * display. The offset parameter (optionally passed in as part of + * the opts object) controls what number maps to what word. + * + * The following options (in the opts parameter) are available: + * + * offset - With offset=0 (the default), the quantity value of 0 + * will map to the first word, and so on. If offset is + * non-zero then the value given will correspond to the first + * word in the list. So if offset=4, then the first word in + * the list will be used for value=4. + * + * useBonuses - If this is true (the default), then values outside + * the range of words will be construced from the word and a + * numeric bonus. So with offset=0 and five words, the last of + * which is 'amazing', a score of six would give 'amazing+1'. + * if this is false, then the bonus would be omitted, so + * anything beyond 'amazing' is still 'amazing'. + * + * Other options are the same as for QualityDefinition. + */ + var WordScaleQuality = function(title, values, opts) { + var myOpts = $.extend({ + offset: null, + useBonuses: true + }, opts); + QualityDefinition.call(this, title, opts); + this.values = values; + this.offset = myOpts.offset; + this.useBonuses = myOpts.useBonuses; + }; + WordScaleQuality.inherits(QualityDefinition); + WordScaleQuality.prototype.format = function(character, value) { + var val = Math.floor(value - this.offset); + var mod = ""; + if (val < 0) { + mod = val.toString(); + val = 0; + } else if (val >= this.values.length) { + mod = "+" + (val - this.values.length + 1).toString(); + val = this.values.length - 1; + } + if (!this.useBonuses) mod = ""; + return this.values[val] + mod; + }; + + /* A specialization of WordScaleQuality that uses the FUDGE RPG's + * adjective scale (from 'terrible' at -3 to 'superb' at +3). The + * options are as for WordScaleQuality. In particular you can use + * the offset option to control where the scale starts. So you + * could model a quality that everyone starts off as 'terrible' + * (such as Nuclear Physics) with an offset of 0, while another that + * is more common (such as Health) could have an offset of -5 so + * everyone starts with 'great'. + */ + var FudgeAdjectivesQuality = function(title, opts) { + WordScaleQuality.call(this, title, [ + "terrible".l(), "poor".l(), "mediocre".l(), + "fair".l(), "good".l(), "great".l(), "superb".l() + ], opts); + if (!('offset' in opts)) this.offset = -3; + }; + FudgeAdjectivesQuality.inherits(WordScaleQuality); + + /* An boolean quality that removes itself from the quality list if + * it has a zero value. If it has a non-zero value, its value + * field is usually left empty, but you can specify your own + * string to display as the `onDisplay` parameter of the opts + * object. Other options (in the opts parameter) are the same as + * for QualityDefinition. */ + var OnOffQuality = function(title, opts) { + var myOpts = $.extend({ + onDisplay: "" + }, opts); + QualityDefinition.call(this, title, opts); + this.onDisplay = myOpts.onDisplay; + }; + OnOffQuality.inherits(QualityDefinition); + OnOffQuality.prototype.format = function(character, value) { + if (value) return this.onDisplay; + else return null; + }; + + /* A boolean quality that has different output text for zero or + * non-zero quality values. Unlike OnOffQuality, this definition + * doesn't remove itself from the list when it is 0. The options + * are as for QualityDefinition, with the addition of options + * 'yesDisplay' and 'noDisplay', which contain the HTML fragments + * used to display true and false values. If not given, these + * default to 'yes' and 'no'. + */ + var YesNoQuality = function(title, opts) { + var myOpts = $.extend({ + yesDisplay: "yes".l(), + noDisplay: "no".l() + }, opts); + QualityDefinition.call(this, title, opts); + this.yesDisplay = myOpts.yesDisplay; + this.noDisplay = myOpts.noDisplay; + }; + YesNoQuality.inherits(QualityDefinition); + YesNoQuality.prototype.format = function(character, value) { + if (value) return this.yesDisplay; + else return this.noDisplay; + }; + + /* Defines a group of qualities that should be displayed together, + * under the given optional title. These should be defined in the + * `undum.game.qualityGroups` parameter. */ + var QualityGroup = function(title, opts) { + var myOpts = $.extend({ + priority: title, + extraClasses: null + }, opts); + this.title = title; + this.priority = myOpts.priority; + this.extraClasses = myOpts.extraClasses; + }; + + + // ----------------------------------------------------------------------- + // Types Passed to Situations + // ----------------------------------------------------------------------- + + /* A system object is passed into the enter, act and exit + * functions of each situation. It is used to interact with the + * UI. + */ + var System = function() { + this.rnd = null; + this.time = 0; + }; + + /* Removes all content from the page, clearing the main content area. + * + * If an elementSelector is given, then only that selector will be + * cleared. Note that all content from the cleared element is removed, + * but the element itself remains, ready to be filled again using + * System.write. + */ + System.prototype.clearContent = function(elementSelector) { + var $element; + if (elementSelector) $element = $(elementSelector); + if (!$element) $element = $("#content"); + $element.empty(); + }; + + /* Outputs regular content to the page. The content supplied must + * be valid "Display Content". + * + * "Display Content" is any HTML string that begins with a HTML + * start tag, ends with either an end or a closed tag, and is a + * valid and self-contained snippet of HTML. Note that the string + * doesn't have to consist of only one HTML tag. You could have + * several paragraphs, for example, as long as the content starts + * with the

of the first paragraph, and ends with the

of + * the last. So "

Foo

" is valid, but "foo

" is not. + * + * The content goes to the end of the page, unless you supply the + * optional selector argument. If you do, the content appears + * after the element that matches that selector. + */ + System.prototype.write = function(content, elementSelector) { + doWrite(content, elementSelector, 'append', 'after'); + }; + + /* Outputs the given content in a heading on the page. The content + * supplied must be valid "Display Content". + * + * The content goes to the end of the page, unless you supply the + * optional selector argument. If you do, the content appears + * after the element that matches that selector. + */ + System.prototype.writeHeading = function(headingContent, elementSelector) { + var heading = $("

+} +#legal p { + font-size: 0.7em; + line-height: 1.3em; + margin-bottom: 0.5em; +} +#legal p + p { + text-indent: 0; +} + +#character { + font-size: 1.0em; + line-height: 1.4em; +} +#qualities .quality, #character_text { + position: relative; + clear: both; + overflow: hidden; + margin: 0 -0.25em; + padding: 0 0.25em; +} +#character_text { + margin-bottom: 0.6em; +} +#character_text_content { + position: relative; + z-index: 100; +} +#qualities span { + position: relative; + z-index: 100; +} +#qualities span.name { + float: left; +} +#qualities span.value { + float: right; +} +.highlight { + background: rgba(255, 255, 0, 0.75); + position: absolute; + left: -4px; + right: -4px; + top: 0; + bottom: 0; +} +#qualities h2 { + margin: 0.5em 0 0.25em 0; + font-size: 1.0em; + border-bottom: 1px solid #321; +} + +.progress_bar { + position: relative; + overflow: hidden; + margin: 0.6em 0; +} +.progress_bar_track { + z-index: 100; + background: rgba(255,255,255,0.25); + border: 2px solid #876; + height: 0.75em; + width: 27.7em; + clear: both; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +.progress_bar_color { + background: #987; + width: 0; + height: 0.75em; +} +.progress_bar span { + z-index: 100; +} +.progress_bar .name { + font-weight: bold; +} +.progress_bar .value { + float: right; +} +.progress_bar .left_label { + float: left; +} +.progress_bar .right_label { + float: right; +} +#content_library, #ui_library { + display: none; +} +#menu { + display: none; +} + +#content { + font-size: 0.9em; +}

Цветок