标签: side-scroller

Phaser.js - 无限侧滚动背景?

我正在使用phaser.js来制作游戏,我找不到任何关于如何使背景无限滚动的教程.我希望背景能够横向平铺/重复,并且随着角色向右移动而无限.

我目前正在使用相机并让相机跟随角色.

以下是关于如何执行此操作的想法:在update()中不断检查摄像机的位置,然后将其移动到游戏玩法的开头(最左侧)以及当时的角色.我认为这可能不是一个平稳的过渡,所以我想知道是否有更好的方法来做到这一点.

javascript side-scroller phaser-framework

21
推荐指数
1
解决办法
1万
查看次数

html5中的2D侧滚动摄像机视图

我想知道如何制作类似相机的视图,我可以在画布元素中滚动一个级别,如下所示:

http://playbiolab.com/

Biolab截图

javascript html5 camera canvas side-scroller

14
推荐指数
2
解决办法
2万
查看次数

如何在延迟加载期间使用JQuery滚动事件处理程序时阻止多个AJAX调用?

我使用3种不同的函数将数据加载到我的DIV中.我正在尝试阻止多个AJAX调用,当浏览器滚动条保持在我懒惰加载数据的DIV底部时.

这有效但有时(有时候)滚动器仍然在我的div的底部,这将导致许多AJAX调用发生.我该如何防止这种情况发生?

$(document).ready(function() {

    //form submit by click
    $("#submit").click(function(e) {
        // Prevent Default Action In Case to Load data by form
        e.preventDefault();

        //prevent select to post empty data
        $('select').each(function() {
            if ($(this).val() == '') {
                $(this).attr('disabled', 'disabled');
            }
        });

        // Define what we need
        var loading = "<img src='/zojfa/images/loading.gif' alt='Loading...' />";
        var scrolltop = $('#scrollbox').attr('scrollTop');
        var scrollheight = $('#scrollbox').attr('scrollHeight');
        var windowheight = $('#scrollbox').attr('clientHeight');
        var post = $(this).attr("name") + "=" + $(this).val();
        var form_data = $('#search_form').serialize() + "&" + post;
        var …
Run Code Online (Sandbox Code Playgroud)

ajax jquery scroll lazy-loading side-scroller

6
推荐指数
2
解决办法
3668
查看次数