@label @replace

The fade effect when you replace labels is controlled by C:\Program Files (x86)\Squiffy\resources\app\node_modules\squiffy\ squiffy.template

        var $labels = squiffy.ui.output.find('.squiffy-label-' + label);
        $labels.fadeOut(1000, function() {
            $labels.html(squiffy.ui.processText(text));
            $labels.fadeIn(1000, function() {
                squiffy.story.save();

Wouldn't it be better if it were controlled by style.template ?

I want to change @replace in my local copy so that it appears to delete and retype the label character by character, as though somebody were doing it with a keyboard. There are probably other ways people would like to do this, as well. Having it controlled by style.template makes more sense. It's a visual style, after all.


Check the file extensions.

style.template.css is a CSS file; squiffy.template.js is Javascript. Active functions are written in javascript, even if their purpose is stylistic.

(With CSS3, I think you could have the fade out/fade in thing as an animated property; but I don't think your typewriter mode would be so easy to implement)


Yeah, that makes better sense than what I was thinking. I have both a JavaScript and a CSS way to make text appear to type itself. But it requires a lot of extra, non-squiffy stuff to do each time. I prefer it to any other replacement method; it just seems to better create the illusion that you're interacting with an intelligence when you play a game. Fade out/in is just not as cool, subjectively speaking.


This topic is now closed. Topics are closed after 180 days of inactivity.

Support

Forums