Vignettes - Revision history

Artem at 17:32, 9 January 2018

2018-01-09T17:32:18Z

← Older revision		Revision as of 17:32, 9 January 2018
Line 58:		Line 58:
	\|-		\|-
	\|}		\|}


	==== <font color="#ff9c00">Vignette Image</font> ====		==== <font color="#ff9c00">Vignette Image</font> ====

Artem: /* Importing Assets */

2018-01-09T17:31:43Z

Importing Assets

← Older revision		Revision as of 17:31, 9 January 2018
Line 113:		Line 113:
	\|-		\|-
	\|}		\|}


	If you want to add new images when you are also working on your campaign in the game at the same time, place the images here:		If you want to add new images when you are also working on your campaign in the game at the same time, place the images here:
Line 123:		Line 122:
	\|}		\|}

	Afterwards, to make sure your campaign "loads" the newly added image, open the [[Game Menu\|'''Game Menu''']] (or '''Press Escape''') and click on '''Reload Assets'''.		Afterwards, to make sure your campaign "loads" the newly added image, open the [[Game Menu\|'''Game Menu''']] (or '''Press Escape''') and click on '''Reload Assets'''. This will reload any newly-added assets while the game is running.

	This will reload any newly-added assets while the game is running.

Artem: /* Importing Assets */

2018-01-09T17:31:21Z

Importing Assets

← Older revision		Revision as of 17:31, 9 January 2018
Line 97:		Line 97:

	== <font color="#ff9c00">Importing Assets</font> ==		== <font color="#ff9c00">Importing Assets</font> ==
	~~Importing~~ data is not complicated.		Don't worry, importing data is not complicated!

	After pressing the Browse button you can navigate the folders on your computer to find the image that you want.		After pressing the Browse button you can navigate the folders on your computer to find the image that you want.
Line 103:		Line 103:
	Supported format are PNG and JPG. Please note that renaming a PNG for a JPG or vice-versa is not supported.		Supported format are PNG and JPG. Please note that renaming a PNG for a JPG or vice-versa is not supported.

	~~Keep~~ in mind that if you want to have something transparent (for example: to use as a border) you'll need to use image modification software.		Please keep in mind that if you want to have something transparent (for example: to use as a border) you'll need to use image modification software.

	If you want to add custom images to your Game Master Mode campaign while it is not loaded, they should be placed here:		If you want to add custom images to your Game Master Mode campaign while it is not loaded, they should be placed here:

Artem: /* Vignette Borders */

2018-01-09T17:30:43Z

Vignette Borders

← Older revision		Revision as of 17:30, 9 January 2018
Line 90:		Line 90:
	\|-		\|-
	\|		\|
	# '''Borders Area''' is where all your available '''Borders''' images are located.		# The '''Borders Area''' is where all of your available '''Borders''' images are located.
	# '''OK''' ~~- pressing this~~ button after selecting an image will change the image of the '''Vignette'''.		# Pressing the '''OK''' button after selecting an image will change the image of the '''Vignette'''.
	# [[#Importing Assets\|'''Browse''']] ~~will allow~~ you to import an image from your computer into your campaign.		# [[#Importing Assets\|'''Browse''']] allows you to import an image from your computer into your campaign.
	\|-		\|-
	\|}		\|}

Artem: /* Vignette Canvas */

2018-01-09T17:30:15Z

Vignette Canvas

← Older revision		Revision as of 17:30, 9 January 2018
Line 78:		Line 78:
	\|-		\|-
	\|		\|
	# '''Canvas Area''' is where all your available '''Canvas''' images are located.		# The '''Canvas Area''' is where all of your available '''Canvas''' images are located.
	# '''OK''' ~~- pressing this~~ button after selecting an image will change the image of the '''Vignette'''.		# Pressing the '''OK''' button after selecting an image will change the image of the '''Vignette'''.
	# [[#Importing Assets\|'''Browse''']] ~~will allow~~ you to import an image from your computer into your campaign.		# [[#Importing Assets\|'''Browse''']] allows you to import an image from your computer into your campaign.
	\|-		\|-
	\|}		\|}

Artem: /* Vignette Image */

2018-01-09T17:29:42Z

Vignette Image

← Older revision		Revision as of 17:29, 9 January 2018
Line 66:		Line 66:
	\|-		\|-
	\|		\|
	# '''Images Area''' is where all your available images are located.		# The '''Images Area''' is where all of your available images are located.
	# '''OK''' ~~- pressing this~~ button after selecting an image will change the image of the '''Vignette'''		# Pressing the '''OK''' button after selecting an image will change the image of the '''Vignette'''
	# [[#Importing Assets\|'''Browse''']] ~~will allow~~ you to import an image from your computer into your campaign.		# [[#Importing Assets\|'''Browse''']] allows you to import an image from your computer into your campaign.
	\|-		\|-
	\|}		\|}

Artem at 17:28, 9 January 2018

2018-01-09T17:28:14Z

Artem: /* General */

2018-01-09T17:24:42Z

General

← Older revision		Revision as of 17:24, 9 January 2018
Line 1:		Line 1:
	== <font color="#ff9c00">General</font> ==		== <font color="#ff9c00">General</font> ==

	~~'''Vignettes''' are used by the Game Master~~ to ~~tell part of the story with some visual and are also use~~ to ~~ask the party what they want to do after~~.		The Vignette Window allows you to craft encounters for your players, from situations to dialogues. It is a powerful storytelling tool.

	~~This part~~ will cover every ~~details related~~ to '''Vignettes'''.		You can access the Vignette Window at any time by clicking on the Vignette Window icon at the top of the screen, or by using the shortcut "V".

			When you are in the Vignette Window, you will see all of your vignettes in the right sidebar.

			The section below will cover every detail relating to '''Vignettes'''.

	== <font color="#ff9c00">Vignettes</font> ==		== <font color="#ff9c00">Vignettes</font> ==

Artem: /* Organising Vignettes */

2018-01-09T17:23:19Z

Organising Vignettes

← Older revision		Revision as of 17:23, 9 January 2018
Line 35:		Line 35:
	As you create more vignettes, you will want to organise them to make it easier to find the relevant ones while running your campaign. You can do this easily when you are viewing the Vignette Window through the right sidebar.		As you create more vignettes, you will want to organise them to make it easier to find the relevant ones while running your campaign. You can do this easily when you are viewing the Vignette Window through the right sidebar.

	Within this sidebar, there is a menu on the top with various options: ~~</br>~~		Within this sidebar, there is a menu on the top with various options:
	- The folder icon with a plus in it on the upper left will create a new folder. You can drag-and-drop vignettes into different folders at any time.~~</br>~~		* The folder icon with a plus in it on the upper left will create a new folder. You can drag-and-drop vignettes into different folders at any time.
	- The calligraphy pen icon allows you to change the name of a folder.~~</br>~~		* The calligraphy pen icon allows you to change the name of a folder.
	- The folder with an X in it allows you to delete a folder.~~</br>~~		* The folder with an X in it allows you to delete a folder.
	- The search bar on the right allows you to search.~~</br>~~		* The search bar on the right allows you to search.

	You can also crop and move vignette images by using frame control (same as the UI Overview Map).		You can also crop and move vignette images by using frame control (same as the UI Overview Map).

Artem: /* Organising Vignettes */

2018-01-09T17:21:54Z

Organising Vignettes

← Older revision		Revision as of 17:21, 9 January 2018
Line 35:		Line 35:
	As you create more vignettes, you will want to organise them to make it easier to find the relevant ones while running your campaign. You can do this easily when you are viewing the Vignette Window through the right sidebar.		As you create more vignettes, you will want to organise them to make it easier to find the relevant ones while running your campaign. You can do this easily when you are viewing the Vignette Window through the right sidebar.

	Within this sidebar, there is a menu on the top with various options:		Within this sidebar, there is a menu on the top with various options: </br>
	- The folder icon with a plus in it on the upper left will create a new folder. You can drag-and-drop vignettes into different folders at any time.		- The folder icon with a plus in it on the upper left will create a new folder. You can drag-and-drop vignettes into different folders at any time.</br>
	- The calligraphy pen icon allows you to change the name of a folder.		- The calligraphy pen icon allows you to change the name of a folder.</br>
	- The folder with an X in it allows you to delete a folder.		- The folder with an X in it allows you to delete a folder.</br>
	- The search bar on the right allows you to search.		- The search bar on the right allows you to search.</br>

	You can also crop and move vignette images by using frame control (same as the UI Overview Map).		You can also crop and move vignette images by using frame control (same as the UI Overview Map).

← Older revision		Revision as of 17:28, 9 January 2018
Line 10:		Line 10:

	== <font color="#ff9c00">Vignettes</font> ==		== <font color="#ff9c00">Vignettes</font> ==
	To create a vignette, simply click on the Vignette Window. This will bring up a blank vignette, which is completely customisable.		To create a vignette, simply click on the Vignette Window. This will bring up a blank vignette, which is completely customisable. It will look like this:

	It will look like this:

	[[File:GM_Vignettes.jpg\|1000px]]		[[File:GM_Vignettes.jpg\|1000px]]
Line 19:		Line 17:
	\|-		\|-
	\|		\|
	# [[#Vignette Image\|'''Vignette Image''']] is the image of your current '''Vignette'''. You can change this image by right-clicking on it and selecting "Change Image". You can also crop the image.		# The [[#Vignette Image\|'''Vignette Image''']] is the image for your current '''Vignette'''. You can change this image by right-clicking on it and selecting "Change Image". You can also crop the image.
	# [[#Vignette Borders\|'''Vignette Borders''']] are the borders of your current '''Vignette'''. You can change the border of the vignette by selecting "Change Border".		# The [[#Vignette Borders\|'''Vignette Borders''']] are the borders of your current '''Vignette'''. You can change the border of the vignette by selecting "Change Border".
	# [[#Vignette Canvas\|'''Vignette Canvas''']] references the background colour of your current vignette. You can change the colour of the background by selecting "Change Canvas".		# The [[#Vignette Canvas\|'''Vignette Canvas''']] references the background colour of your current vignette. You can change the colour of the background by selecting "Change Canvas".
	# '''Vignette Text''' is where you write the text that will be seen by the players. You can type or paste the prompt for this vignette's encounter into the text box on the upper right.		# The '''Vignette Text''' is where you write the text that will be seen by the players. You can type or paste the prompt for this vignette's encounter into the text box on the upper right.
	# '''Vignette Choices''' ~~allows~~ you to add multiple choices the party can take. These options can be indirect reactions to situations (eg. "Punch him") or direct dialogue options (eg. "I'll have you know I'm not that kind of shepherd!") or anything your mind can dream up.		# '''Vignette Choices''' allow you to add multiple choices the party can take. These options can be indirect reactions to situations (eg. "Punch him") or direct dialogue options (eg. "I'll have you know I'm not that kind of shepherd!") or anything your mind can dream up.
	# '''Adding Choices''' can be done by clicking on the Plus symbol to add an option, and typing your text directly into the textbox.		# '''Adding Choices''' can be done by clicking on the blue Plus symbol to add an option, and typing your text directly into the textbox.
	# '''Search & Folders''', allows you to search for words to find a specific '''Vignette'''. You can also '''Add Folders''', '''Rename Folders''', and '''Delete Folders'''.		# '''Search & Folders''' allows you to search for words to find a specific '''Vignette'''. You can also '''Add Folders''', '''Rename Folders''', and '''Delete Folders'''.
	# '''Vignette Area'''~~, this~~ is where all your '''Vignettes''' and '''Folders''' are located.		# '''Vignette Area''' is where all your '''Vignettes''' and '''Folders''' are located.
	# '''Clear Vignette'''~~, this~~ will wipe all of the text in the '''Vignette'''. It is important to note that the text will be deleted forever.		# '''Clear Vignette''' will wipe all of the text in the '''Vignette'''. It is important to note that the text will be deleted forever!
	\|-		\|-
	\|}		\|}