diff --git a/lang/en.json b/lang/en.json
index 3a4fded0..2bca207c 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -251,36 +251,40 @@
},
"tours": {
"sidebar": {
- "title": "Sidebar Interface",
- "description": "Introduces you to the changes PF2e Graphics makes to the sidebar.",
+ "title": "New Interface Elements",
+ "description": "Introduces you to the changes PF2e Graphics makes to the sidebar and canvas controls.",
"steps": {
- "1": {
+ "1:intro": {
"title": "Welcome!",
"content": "Welcome to PF2e Graphics! This quick tour will show you how to use the module."
},
- "2": {
+ "2:animationSetsTabButton": {
"title": "Animation Sets",
- "content": "This new sidebar button switches to the Animation Sets tab.
Let's open it up!"
+ "content": "This new sidebar button switches to the Animation Sets tab.\nLet's open it up!"
},
- "3": {
+ "3:animationSetsTab": {
"title": "Animation Sets",
- "content": "The Animation Sets tab is just like the Actors or Items tab, except it contains animation sets instead!
An 'animation set' is what PF2e Graphics calls the complete batch of graphics, sounds, and other magic that gets played when something happens."
+ "content": "The Animation Sets tab is just like the Actors or Items tab, except it contains animation sets instead!\nAn 'animation set' is what PF2e Graphics calls the complete batch of graphics, sounds, and other magic that gets played when something happens."
},
- "4": {
+ "4:bundledAnimationSets": {
"title": "Animation Sets",
- "content": "Down here is a special folder containing all the pre-made animation sets bundled with PF2e Graphics. You can't add, remove, or edit them directly, but they're still available for inspection.
If you've activated another module which integrates with PF2e Graphics, you'll find its animation sets here too. The icon at the top-right of each document tells you where it's from."
+ "content": "Down here is a special folder containing all the pre-made animation sets bundled with PF2e Graphics. You can't add, remove, or edit them directly, but they're still available for inspection.\nIf you've activated another module which integrates with PF2e Graphics, you'll find its animation sets here too. The icon at the top-right of each document tells you where it's from."
},
- "5": {
+ "5:customAnimationSets": {
"title": "Animation Sets",
- "content": "Up here is (or will be!) all the custom animation sets in your world. An icon at the top-right of each item tells you whether it's in the 'user scope' (only triggered by you) or 'world scope' (can be triggered by anyone).
Custom animation sets take priority over modules' sets."
+ "content": "Up here is (or will be!) all the custom animation sets in your world. An icon at the top-right of each item tells you whether it's in the 'user scope' (only triggered by you) or 'world scope' (can be triggered by anyone).\nCustom animation sets take priority over modules' sets."
},
- "6": {
+ "6:animationHistory": {
+ "title": "Animation History",
+ "content": "This little button opens up the 'Animation History' window.\nWhenever something happens that could trigger PF2e Graphics, an entry gets made in the Animation History. You can use this to figure out triggers and roll options when creating your own custom animation sets—just do the thing you want and see what gets logged!"
+ },
+ "7:animationSetsVolumeSlider": {
"title": "Sound Controls",
- "content": "Over here in the Playlists tab, PF2e Graphics also adds a new volume slider. This allows you to control the volume of the sounds PF2e Graphics plays.
Note that this is actually the same slider as in PF2e Graphics' own module settings—it's just here for convenience!"
+ "content": "Over here in the Playlists tab, PF2e Graphics also adds a new volume slider. This allows you to control the volume of the sounds PF2e Graphics plays.\nNote that this is actually the same slider as in PF2e Graphics' own module settings—it's just here for convenience!"
},
- "7": {
+ "8:thanks": {
"title": "That's it!",
- "content": "If you have any questions, take a read of our wiki, or ask us directly on Discord (look for the #PF2e Graphics
thread within #pf2e-modules
).
Thank you for using the module! Ko-fi"
+ "content": "If you have any questions, take a read of our wiki, or ask us directly on Discord (look for the #PF2e Graphics
thread within #pf2e-modules
).\nThank you for using the module! Ko-fi"
}
}
}
diff --git a/src/tours.ts b/src/tours.ts
index 71eb62a8..9444d36c 100644
--- a/src/tours.ts
+++ b/src/tours.ts
@@ -17,52 +17,62 @@ export async function registerTours() {
canBeResumed: true,
steps: [
{
- id: '1',
- title: 'pf2e-graphics.tours.sidebar.steps.1.title',
- content: 'pf2e-graphics.tours.sidebar.steps.1.content',
+ id: '1:intro',
+ title: 'pf2e-graphics.tours.sidebar.steps.1:intro.title',
+ content: 'pf2e-graphics.tours.sidebar.steps.1:intro.content',
},
{
- id: '2',
- title: 'pf2e-graphics.tours.sidebar.steps.2.title',
- content: 'pf2e-graphics.tours.sidebar.steps.2.content',
+ id: '2:animationSetsTabButton',
+ title: 'pf2e-graphics.tours.sidebar.steps.2:animationSetsTabButton.title',
+ content: 'pf2e-graphics.tours.sidebar.steps.2:animationSetsTabButton.content',
selector: 'a[data-tab="graphics"]',
},
{
- id: '3',
- title: 'pf2e-graphics.tours.sidebar.steps.3.title',
- content: 'pf2e-graphics.tours.sidebar.steps.3.content',
+ id: '3:animationSetsTab',
+ title: 'pf2e-graphics.tours.sidebar.steps.3:animationSetsTab.title',
+ content: 'pf2e-graphics.tours.sidebar.steps.3:animationSetsTab.content',
selector: '#graphics',
sidebarTab: 'graphics',
tooltipDirection: 'LEFT',
},
{
- id: '4',
- title: 'pf2e-graphics.tours.sidebar.steps.4.title',
- content: 'pf2e-graphics.tours.sidebar.steps.4.content',
+ id: '4:bundledAnimationSets',
+ title: 'pf2e-graphics.tours.sidebar.steps.4:bundledAnimationSets.title',
+ content: 'pf2e-graphics.tours.sidebar.steps.4:bundledAnimationSets.content',
selector: '#pf2e-graphics-bundled-sets',
sidebarTab: 'graphics',
tooltipDirection: 'LEFT',
},
{
- id: '5',
- title: 'pf2e-graphics.tours.sidebar.steps.5.title',
- content: 'pf2e-graphics.tours.sidebar.steps.5.content',
+ id: '5:customAnimationSets',
+ title: 'pf2e-graphics.tours.sidebar.steps.5:customAnimationSets.title',
+ content: 'pf2e-graphics.tours.sidebar.steps.5:customAnimationSets.content',
selector: '#pf2e-graphics-custom-sets',
sidebarTab: 'graphics',
tooltipDirection: 'LEFT',
},
{
- id: '6',
- title: 'pf2e-graphics.tours.sidebar.steps.6.title',
- content: 'pf2e-graphics.tours.sidebar.steps.6.content',
+ id: '6:animationHistory',
+ title: 'pf2e-graphics.tours.sidebar.steps.6:animationHistory.title',
+ content: 'pf2e-graphics.tours.sidebar.steps.6:animationHistory.content',
+ selector: 'li[data-tool="animationhistory"]',
+ // @ts-expect-error https://github.com/7H3LaughingMan/foundry-pf2e/pull/603
+ layer: 'tokens',
+ tooltipDirection: 'RIGHT',
+ restricted: !(game.settings.get('pf2e-graphics', 'history') as boolean),
+ },
+ {
+ id: '7:animationSetsVolumeSlider',
+ title: 'pf2e-graphics.tours.sidebar.steps.7:animationSetsVolumeSlider.title',
+ content: 'pf2e-graphics.tours.sidebar.steps.7:animationSetsVolumeSlider.content',
selector: '.playlist-sounds #pf2e-graphics-volume-slider',
sidebarTab: 'playlists',
tooltipDirection: 'LEFT',
},
{
- id: '7',
- title: 'pf2e-graphics.tours.sidebar.steps.7.title',
- content: 'pf2e-graphics.tours.sidebar.steps.7.content',
+ id: '8:thanks',
+ title: 'pf2e-graphics.tours.sidebar.steps.8:thanks.title',
+ content: 'pf2e-graphics.tours.sidebar.steps.8:thanks.content',
},
],
},