如何使用Rx.js(javascript的反应式扩展)检测konami代码？

Question

如何使用Rx.js(javascript的反应式扩展)检测konami代码？

我想开始学习Rx.js,我正在寻找一个很好的例子来开始滚动球.如何使用Rx.js 检测konami代码？

我想检测一系列按键事件(向上向上,向左下左右BA)并显示图像(如果发生这种情况).

Answer 1

这是我的版本:

<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="rx.js"></script>
<script type="text/javascript" src="rx.jQuery.js"></script>
</head>
<body>
<p id="result"></p>
<script type="text/javascript">
    $(function() {
        var konami = $(document).toObservable("keyup").Select(function(e) {
            return e.keyCode
        }).SkipWhile(function(k) {
            return (k != 38)
        }).BufferWithCount(
            10
        ).Where(function(ks) {
            return ks.length == 10 &&
                ks[0] == 38 && ks[1] == 38 &&
                ks[2] == 40 && ks[3] == 40 &&
                ks[4] == 37 && ks[5] == 39 &&
                ks[6] == 37 && ks[7] == 39 &&
                ks[8] == 66 && ks[9] == 65
        })

        var konamisub = konami.Subscribe(function(e) {
            $("#result").text("KONAMI!")
            $("#result").fadeIn().fadeOut()
        })
    })
</script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我将keyup事件流转换为一个Select密钥代码流,然后忽略按键,直到用户按下(键代码38)SkipWhile,然后收集10次击键BufferWithCount,然后检查键击Where.

我尝试使用BufferWithTime,但它往往会在击键过程中切入.

如果有人能提出改进建议,我很乐意听到.

归档时间：	15 年，5 月前
查看次数：	928 次
最近记录：	10 年，10 月前