phivk / trialogue Goto Github PK
View Code? Open in Web Editor NEWA Story Format for Twine that let's you turn a branching narrative into an interactive chat story
Home Page: https://phivk.gitbook.io/trialogue/
License: Other
A Story Format for Twine that let's you turn a branching narrative into an interactive chat story
Home Page: https://phivk.gitbook.io/trialogue/
License: Other
It would be nice to have a way to prompt users for text input, for example:
and then to insert the user input as appropriate during the conversations, to make the experience more personal, e.g.:
The outdated version of Grunt is causing a lot of security issues.
We could look into updating Grunt's major version, but I feel like a grander rewrite of the build process might be more future proof.
See for inspiration the node-based build process used in Snowman:
https://github.com/videlais/snowman/blob/master/scripts/build-format.js
Not a lot of experience here, so any help is appreciated.
I´d like my chatbot to ask the player a question. Once the player answered the chatbot makes a comment and make a pauses of several minutes before asking the next question. How can I achieve that with Trialogue?
Here´s my attempt, using following piece of code:
<%
_.delay(
function(){
story.show("Alles klar!");
},
8000
);
%>
The delay works...somehow. But there are also unwanted things happening. When the delay of 8 seconds starts, the Bot displays an empty message. When the delay ends, the written message is displayed but without having been visibly "typed" by the bot...
Whereas the goal I am trying to achieve is that the bot asks the player something, the player answers, the bot answers.... and then there is a pause of 5 minutes before the bot asks the next question.
would be nice to give the whole nav bar some love...
Hello, I've been looking at Trialogue story format in Twine, but I get the following error whenever I preview your demo project:
An error has occurred. You may be able to continue, but some parts may not work properly.
Error [tw-user-script-0]: inject_nav_back is not defined.
I see information about these "helper" functions in your documentation, but I don't know where in the file these functions are supposed to be initialized or how to troubleshoot them.
Can someone please help me?
In Harlowe / Sugarcube it’s possible to display a passage directly within another passage through the display macro. Can the same thing be done in trialogue/paloma?
Hi, plese tell me, how i can create auto save, for dialog process
Something about some part of my text just won't continue at all. It will three dot and then not load anything.
Better to fall back on default speaker name and log a helpful warning to console
Would be good to have a step by step guide of how to use Trialogue in Twine, straight in the README of this repo
Install dependencies
npm install
build story format
grunt package
(optionally depending on your setup: move built format to Tweego storyformats directory)
compile .twee to .html
tweego --output=./docs/trialogue-demo-test.html ./docs/trialogue-demo.twee --format=Trialogue
open restulting .html file
open ./docs/trialogue-demo-test.html
result:
⚠ TypeError: marked is not a function
node_modules/
and package-lock.json
and doing a fresh npm install
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
I am unsure why this was not an issue before or what has changed that introduced this error.
Curious if others can reproduce this issue?
could be based on @videlais story format template
https://github.com/videlais/example-story-format
which will be updated soon, see https://twitter.com/Videlais/status/1545307836380487686?s=20&t=JOxShqvR6m0IU2jVDYlbPw
This would also address #30
First message scrolls out of sight on mobile.
I think this is being caused the interaction of two things:
Is there a way to prevent this happening?
To see the issue in action, visit https://timduschenes.com/ChatBotv2.html on mobile
Title kind of explains it all. If there is too much text, it will load just very slowly.
I have an issue with the messages. I have a couple of bots 'talking' with each other in the beginning, and the deployment of the messages is too fast. I want to adjust the delay of the next message so it seems more natural as if someone was actually writing it.
here is the code for the delay:
<%
story.showDelayed("NAMEofPASSAGE");
%>
and I tried adding the amount of delay I want at the end but it didn't help.
<%
story.showDelayed("NAMEofPASSAGE", 5000);
%>
Hello. I like your project and I would like to use it for an exhibition as a narrative tool. I would like to customize background color and other visual staff but I don't know how to do it : in the CSS stylesheet ? in the Javascript stylesheet ? I'm not a coder ; I know several things about things about Twine but excuse me for this question...
The "you" avatar/circle that should appear to the right of the user's text messages overlaps with the message itself on current Safari/webkit browsers. This effectively means it shows up incorrectly on any iOS device, regardless of the browser (because Apple requires all mobile browsers to use webkit). Example:
It appears to be a problem with the ::after pseudoelement. I don't know CSS well enough to know how how to fix this across all devices. But, adding this webkit-specific CSS seems to fix the problem on recent versions of iOS/Safari:
_::-webkit-full-page-media, _:future, :root .chat-passage-wrapper[data-speaker="you"]::after {
/* Safari 10.1+ */
margin-left: 5px;
}
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.