Issue with squiffy.story.go not working

[CMoonshadow]

I've been working on a project and I run into an issue. What I want to do is when the player chooses a New Game from the Menu, the game first cleans up all the data regarding the game progress to allow the fresh start and then sends the player into the Tutorial, from where the player actually starts the game. However, I can't get the automatic link to work, and I'm not sure what I'm doing wrong.

The code is still a draft as I just began putting the text into the game, so a lot of things are still hidden in comments to be done later on.

Just a heads up: I know little to nothing about JavaScript and HTML and I'm learning on the go, so my lack of knowledge might be the issue here.

Here's how the important pieces of my code look like:

@start Menu

[[]]:
@clear

[[Menu]]:
[[New Game]]

{if Cont>=1:[[Continue]]
}
[[Endings]]

[[New Game]]:
<! -- Clear the flags script-->
squiffy.story.go("Tutorial");

[[Tutorial]]:
<! -- Insert tutorial-->
[Continue...]

I cut the parts that aren't involved out of the above (I edited the comments because they were invisible here to have additional space). When I run the preview (or the build), the function shows up printed like a text rather than work automatically.

What I tried:

• replace Tab with four spaces;
• change "Tutorial" into "[[Tutorial]]" (the only difference was that it printed a lot of additional stuff that I didn't understand);
• change Tutorial into a passage and change the link into squiffy.story.passage;
• try the @next out of desperation.

Nothing works. Any ideas why or what I'm doing wrong here?

The reason I want the player to be able to start a new game without restarting is because the game is supposed to have many endings and I wanted to allow the player to check which ones they got.

[KVonGit]

Hello,

Any JS must be indented with 4 spaces.

Also, your HTML comments are not formatted properly. The extra spaces <! -- are no good. Should be like <!-- NOTE HERE -->

Try it like this:

@start Menu

[[]]:
@clear

[[Menu]]:
[[New Game]]
{if Continue>0:[[Continue]]}

[[Endings]]

[[New Game]]:
@set Continue=0
    squiffy.story.go("Tutorial");
<!-- Clear the flags script -->


[[Tutorial]]:
<!-- Insert tutorial -->
Tutorial prints here.

[Continue...]

[Continue...]:
@inc Continue
Selected Continue.

---

Note: I'm not giving you a hard time, I promise, but.... You might already have spacing in your code, but we can't see because it was posted like plain text. To post code blocks here: https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#quoting-code

[KVonGit]

Also note that I'm much better with Quest than Squiffy. Someone more familiar with Squiffy will hopefully pop in soon if this doesn't help.

[CMoonshadow]

Sorry about the wrong code copy-paste, didn't know about there is a way to show it. I did have the spaces before the JS and I did have the comments written properly, but I did move the comment to be AFTER the "squiffy.story.go("Tutorial")" like you did in your suggestion. And it worked. And I'm not sure why it's such a difference since the comment isn't supposed to be read anyway (like a text), but it works and I'm happy.

So in short: moving the comment to be the last thing in the section fixed the issue.

Thank you for your help!

[KVonGit]

I did move the comment to be AFTER the "squiffy.story.go("Tutorial")"

I think any JS in a section or passage has to come before actual text that is printed. Using @set or @inc is OK (I think), but no actual text until last.

A few months ago in the old forum, we posted links to all the Squiffy help documentation we could find: https://archive.textadventures.co.uk/forum/squiffy/topic/vcteep1co0gaf92cghrn9a

This is the one I reference check more often then not: https://dynalist.io/d/kocz1psBWP_sDFR0bk8wApfY

[KVonGit]

Also, Squiffy stores all the progress and such in the browser's localStorage. Whenever we click the Squiffy "Restart" link, it runs a function that cleans everything necessary to start a fresh game.

The JS it runs when we click that is $('#squiffy').squiffy('restart');

That might come in handy in your game.

Also note that some things will work differently in the published version than it does from the editor. So, be sure to click Publish and test the actual game, especially when using JS and/or CSS, images, audio, etc.

[CMoonshadow]

Also, Squiffy stores all the progress and such in the browser's localStorage. Whenever we click the Squiffy "Restart" link, it runs a function that cleans everything necessary to start a fresh game.

Yes, however, I wanted to keep a form of an "achievement list" that you can check from the menu to see what endings you got. If the player hits restart, it would erase that information from the game, that's why I would like the player to be able to start a new game without that happening.

I use the desktop version, so I will have to doublecheck everything when it's done.