NOTICE:
This is a component page used internally by the SCP Wiki. It is intended to be used and included on other pages.
What is This?
Have you ever wanted to make it big in the movies biz, kid? What about theatre? Maybe you're more of a video game dialogue nerd — no matter what, if you want to match a script or screenplay format, this is the component for you!
This is the Screenplay component by Queerious, designed to dynamically resize to different aspect ratios. It is also built to make it faster and easier to write within the script format on the wiki, and within the sandbox itself!
The component, when included, will only provide the code and formatting, to add flexibility. To use this component, do the following steps:
Step 1 - The Code
At the top of your page, you will need to include the following line of code:
[[include :scp-wiki:component:screenplay]]
The above line only needs to be included once at the top of your article.
Step 2 - The Script
Once you have the code included, you can create a script anywhere on the page! To do so, start with declaring your script div:
[[div class="script"]]
[[/div]]
You should get something like this!
Once you have set up, then you can write the script! You can use any formatting, images or otherwise that you would like; however this component has a number of style overrides to make the writing process easier. The next section contains a reference document for all major script elements, how to write for the component, and an example.
Script Syntax
This component is designed to support writing within the script or screenplay format within the wikidot editor, by automating script stylings, and prioritizing speed for writing, rather than needing to constantly declare divs or spans.
The next section will cover each of the basic script elements:
Scene Heading
A scene heading is the element at the top of a script, identifying the scene. For example:
int. site - day
To write a scene heading, put '+++' before the line. For example:
+++ int. site - day
Note: The formatting automatically capitalizes these words, so you don't need to worry about that.
Character Name
A character name is used throughout the script format, defining the speaker for a piece of dialogue. For example:
queerious
To write a Character Name, put '+' before the line. For example:
+ queerious
Note: The formatting automatically capitalizes these words, so you don't need to worry about that.
Parenthetical Text
Parenthetical text is used in the script format for character tone, or other indicators. These parentheticals are always located immediately after a character name. For example:
queerious
(Sarcastically)
To add a parenthetical, put '+' before the line. This will only format as a parenthetical IF it immediately follows the character name line. For example:
+ queerious
+ (Sarcastically)
Note: Parentheticals are used following character names, however they may also be used after a block of dialogue, that continues. Placing a parenthetical line directly after dialogue uses '++' instead of '+'.
Dialogue
Dialogue is the main aspect of a screenplay or script. These are always preceded by a character name (and occasionally a parenthetical). For example:
queerious
This is dialogue that I'm speaking! How fascinating.
To write a line of dialogue, you do not need to do any special formatting. Any line that immediately follows a Character Name/Parenthetical element will be formatted as dialogue. For example:
+ queerious
This is dialogue that I'm speaking! How fascinating.
Action
Action is used throughout the script format, to describe an environment, actions taken, or anything else that is not dialogue. For example:
queerious
This is dialogue that I am speaking!
Queerious turns to her left, and faces the audience directly.
To write an action line, you do not need to do any special formatting. Any line that does not follow a Character Name/Parenthetical element will be formatted as an action line. The simplest way to guarantee this is to have a blank line above any action text. For example:
+ queerious
This is dialogue that I am speaking!
Queerious turns to her left, and faces the audience directly.
Note: As a review, normal text that immediately follows either a character name or parenthetical will be dialogue, while any other normal text appears as action.
Scene Transition
A scene transition is located at the end of a scene in a script, showing the transition to a new scene. For example:
fade to:
To write a scene transition, put '++++' before the line. For example:
++++ fade to:
Note: The formatting automatically capitalizes these words, so you don't need to worry about that.
Modifying the Appearance
Modifying the appearance of the script is designed to be as easy and painless as possible. Text color is inherited, and changed manually. The background and border of the script are set via variables, and can be modified as shown:
:root {
--script-color: #f4f4f4;
--script-border: #999;
--font-color: #000;
}
The above are the default values, and can be changed within your CSS module.
Putting It All Together
With each of the script elements explained, here is an example script, and the corresponding syntax.
Example:
int. SITE - day
Queerious
(Sarcastically)
This is dialogue that I'm speaking! How fascinating.
Queerious turns to her left, and faces the audience directly.
Queerious (cont'd)
The tag for continued speech is manual, but otherwise, that's it!
dissolve to:
Code:
[[div class="script"]]
+++ int. SITE - day
+ Queerious
+ (Sarcastically)
This is dialogue that I'm speaking! How fascinating.
Queerious turns to her left, and faces the audience directly.
+ Queerious (cont'd)
The tag for continued speech is manual, but otherwise, that's it!
++++ dissolve to:
[[/div]]