by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Valery
    @ValeryVS
    ShikemokuMK/tyranoscript#43
    Kikyou Akino
    @bellflower2015
    How was layer order? Just is hidden in other one maybe?
    Sorry for my broken english.
    Valery
    @ValeryVS

    There was that duplicates.

    <div class="layer 0_fore layer_fore" l_visible="true" style="width: 640px; height: 480px; position: absolute; display: none; z-index: 10;"></div>
    https://yadi.sk/i/gb5YWPNmhgUGk
    Can you open this screenshot?

    I checking is there other issuess with [trans] and css animations.

    Kikyou Akino
    @bellflower2015
    I open now...BINGO
    usage: [iscript]$.getScript('chrome_bug_fix.js');[endscript]
    Kikyou Akino
    @bellflower2015
    I clearly specified for create layer when [forelay] and replace layer when [backlay], also [trans].
    It may not only just a workaround, but work fine.
    Kikyou Akino
    @bellflower2015
    Can you open my gist?
    Valery
    @ValeryVS

    Yes.
    You are right.

    This strings also switch classes 'layer_back', 'layer_fore'.

    this.map_layer_back[key].removeClass(fore_class_name);
    this.map_layer_back[key].addClass(back_class_name);

    I missed this in my fix.

    Kikyou Akino
    @bellflower2015
    Thanks ;)
    Recent Chrome sorting is ignore the order of the hasharray, so need to divide clearly base, message and others.
    Kikyou Akino
    @bellflower2015
    I think that it is not a problem unique to your improved version (also original).
    Valery
    @ValeryVS

    There is another issue.

    forelay for message layers strats imidiatly
    and for other after animation stops.

    message_fore layers show before base_fore layer because of this

    var _trans = function(key) {
        var layer_fore = that.kag.layer.map_layer_fore[key];
        var layer_back = that.kag.layer.map_layer_back[key];
    
        //メッセージレイヤの場合、カレント以外はトランスしない。むしろ非表示
        if (key.indexOf("message") != -1 && layer_back.attr("l_visible") == "false") {
    
            comp_num++;
            that.kag.layer.forelay(key)
    
        } else {
    
            $.trans(pm.method, layer_fore, parseInt(pm.time), "hide", function() {});
    
            layer_back.css("display", "none");
    
            $.trans(pm.method, layer_back, parseInt(pm.time), "show", function() {
                comp_num++;
                that.kag.layer.forelay(key);
    
                //すべてのトランジション完了
                if (layer_num <= comp_num) that.kag.ftag.completeTrans();
    
                that.kag.ftag.hideNextImg()
            })
    
        }
    };

    ".message_outer" and ".message_inner" has high "z-index"
    so their content still at top.

    But... if I fix "transform" and "z-index" conflic in chrome with

    * {
      /* transform and z-index conflict fix */
      -webkit-transform: translate3d(0px,0px,0px);
      transform: translate3d(0px,0px,0px);
    }

    then base layer will be above ".message_outer" and ".message_inner" too.

    Valery
    @ValeryVS
    Found the way.
    We can use jQuery's replaceWith function instead of remove and add layer.
    $("." + back_class_name.replace(/ +/g, '.')).replaceWith(this.map_layer_back[key]);
    ...
    $("." + fore_class_name.replace(/ +/g, '.')).replaceWith(this.map_layer_fore[key]);
    Valery
    @ValeryVS
    ShikemokuMK/tyranoscript#43
    Kikyou Akino
    @bellflower2015
    This message was deleted
    sorry
    please add my gist URL to your code
    Valery
    @ValeryVS
    To code? To comment in .js file or to pull request message?
    Kikyou Akino
    @bellflower2015
    github comment or code, either ok, thanks
    Valery
    @ValeryVS
    I edit pull request message
    ShikemokuMK/tyranoscript#43
    Kikyou Akino
    @bellflower2015
    yep, thank you very much :)
    Valery
    @ValeryVS

    I also merge our fixed with css animate branch
    ShikemokuMK/tyranoscript#40
    because it wont work without them
    and remove this line

    if (key.indexOf("message") != -1) this.map_layer_fore[key].css("opacity", "")

    in css animate branch.
    I think it isn't used with css transitions.

    And update main request
    ShikemokuMK/tyranoscript#32

    But there is another problem with css animations.
    Because DOM objects with "transform3d" in chrome rendered at top, they shown at top of menu button.
    And when I add

    * {
      /* transform and z-index conflict fix for Chrome */
      -webkit-transform: translate3d(0px,0px,0px);
      transform: translate3d(0px,0px,0px);
    }

    then 0-9 layers shown at top of message layer.

    I think there should be other way... will think about it tomorrow.

    Kikyou Akino
    @bellflower2015
    About opacity, you're right, I edit my gist now, too.
    geduld
    @geduld
    :+1:
    Valery
    @ValeryVS
    Do some experiments.
    If we apply higher z-index to message layer, it will be properly displayed above character layers.
    This message was deleted
    And it's children elements too.
    Or define it after character layers.
    Valery
    @ValeryVS
    Valery
    @ValeryVS
    This way.
    I add z-index to parent message layer in css animation branch.
    ValeryVS/tyranoscript@21e20e6
    geduld
    @geduld
    @ShikemokuMK 上記内容ってご理解されてます?
    Kikyou Akino
    @bellflower2015
    これ立ち絵の効果に使えそう。 http://elrumordelaluz.github.io/csshake/
    ShikemokuMK
    @ShikemokuMK
    :+1:
    Thank you very much!
    I have merged various commits to "beta" branch
    and pushed it.
    全体的に問題無さそうだけど、セーブ画面が崩れてるかな。諸々、もう少し確認します!
    Valery
    @ValeryVS

    Refactor transition branch still has some unresolved bugs.
    Applying "translate3d(0px,0px,0px)" is bad fix. Somthing else needed.
    That is abolut z-index, opacity and, probably, transform.

    This is strange but if tyrano_base scaled <= 1 then animations are OK.
    But if tyrano_base scaled > 1 then animated objects overlapping other.

    Valery
    @ValeryVS
    Finaly... I'am already seeing this webkit bug.
    This will be applyed instead of transform3d(0,0,0)
    .tyrano_base * {
        /* without this elements with animations overlaping other */
        -webkit-backface-visibility: hidden;
    }
    Valery
    @ValeryVS
    I have updated branches with this webkit fix and some improvements
    refactor-transition
    ShikemokuMK/tyranoscript#40
    dev_valeryvs_clean
    ShikemokuMK/tyranoscript#32
    also merge master branch into dev_valeryvs_clean
    Valery
    @ValeryVS
    Audio update will be finished in next few days.
    • multiple audio layers
    • play audio from layers on game load
    • volume settings
    • voice tag (audio channel that stops on next text)
    • mute tag
    • adding audio file to queue
    Valery
    @ValeryVS

    Audio refactor branch
    https://github.com/ValeryVS/tyranoscript/tree/refactor-audio
    check commit message
    ValeryVS/tyranoscript@c485f80

    I will test last changes on android and make new features.

    • voice tag (audio channel that stops on next text)
    • mute tag
    • adding audio file to queue

    Questuion:
    質問
    Is it ok to use "variable.sf.settings.volume"?
    "variable.sf.settings.volume"を使用して大丈夫ですか?
    Now "this.variable.sf" is set three times in kag.js.
    If we use "variable.sf.settings.volume" this should be refactored.
    https://github.com/ValeryVS/tyranoscript/commit/c485f80f0b39f9b5fac672af89ee289186f7909a#diff-e6ecc5b1867ec8519179b9875b932672R38
    https://github.com/ValeryVS/tyranoscript/commit/c485f80f0b39f9b5fac672af89ee289186f7909a#diff-e6ecc5b1867ec8519179b9875b932672L247
    https://github.com/ValeryVS/tyranoscript/commit/c485f80f0b39f9b5fac672af89ee289186f7909a#diff-e6ecc5b1867ec8519179b9875b932672L329

    Renato Marinho
    @renatomarinho
    This message was deleted
    Renato Marinho
    @renatomarinho
    This message was deleted
    aligege
    @aligege
    has this game engine any web page?
    anyone here?
    DJJo
    @ssshooter
    hi