问题标签 [side-scroller]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
93 浏览

java - 使用 Fisica/Box2D 在处理中滚动背景

我正在尝试使用 Fisica(JBox2D 的端口)和 Processing 3 制作一个滚动世界。这段代码几乎可以正常工作,它可以正确滚动等等,但是当我使用 进行this.player跳转时this.player.addImpulse(0, -150),它在世界不滚动但它在滚动时工作跳跃高度大大降低。为什么会发生这种情况,以及做滚动背景的更好方法是什么?

如果需要,我已将完整代码放在 GitHub 上。但是请注意,它很混乱,因为我只是将它从处理 IDE 移植到 Eclipse。

提前致谢。

0 投票
1 回答
35 浏览

html - 如何显示 html 和 css 选择垂直和水平滚动条

我尝试了以下仅显示水平滚动条的 HTML 和 CSS。我可以通过键盘垂直滚动。如何显示垂直滚动条以便用户也可以通过鼠标滚动?

在此处输入图像描述

0 投票
0 回答
33 浏览

css - 禁用横向滚动适用于桌面但不适用于移动设备

通过桌面查看网站时,我正在应用以下 CSS 来成功禁用横向滚动:

但是,在移动浏览器上查看站点时,仍然可以进行横向滚动。

需要明确的是,有内容超出了屏幕宽度。如果可能的话,我想保持这种状态,但要做到这一点,以便用户无法滚动查看溢出的内容。由于使用桌面浏览器中的上述代码很容易做到这一点,我怀疑它在移动浏览器上也必须是可能的。

0 投票
0 回答
193 浏览

javascript - 使用 p5.js 自动滚动到我的播放器,但它不起作用

这是我尝试过的,但它在 p5.js 中不起作用我基本上需要一行“仅在画布上渲染游戏区域的可见部分”

本质上,我需要帮助修复我的功能,当玩家超过屏幕上的坐标 1000x 和 300y 时,我的游戏会自动滚动……我做错了什么?

https://editor.p5js.org/LttntLark/sketches/JBSg2zIfEf所有的代码都在那里。请阅读评论以进一步解释我需要帮助的内容。

0 投票
2 回答
151 浏览

python - 调整船的速度和限制船的范围 Python Pygame

晚上好,

我正在 Pygame 中创建一个横向卷轴游戏,但在调整船速和限制航程时遇到了麻烦。我是 python 新手,仍在学习过程中。

我不断收到 AttributeError:“Ship”对象没有属性“screen_rect”

请我被卡住了,需要了解我做错了什么。

这是我到目前为止的代码:

0 投票
2 回答
264 浏览

game-development - 程序生成的 2D 洞穴/地牢,用于类似横向卷轴的游戏

我想在程序上生成 2D 洞穴。我已经尝试过使用一些 1D 单纯形噪声来确定地板的地形,这基本上是您可以在横向卷轴中更改的所有内容,但结果相当不起眼。

我想为我的洞穴/地牢创造一个有趣的地形,如果可能的话,还有一些替代路径。

对于这种地形,我想不出任何想法,我也找不到任何有希望的方法在互联网上做这种事情。

0 投票
1 回答
28 浏览

actionscript-3 - 如何在 as3 侧滚动条中显示或移动精灵?

我的库中有一个名为 myRocket 的精灵,但它不会出现。

我制作了我的精灵一个电影剪辑,然后我将它从实际页面中删除,所以它就在库中。我以为使用这段代码,一旦我启动游戏,精灵就会出现,但事实并非如此。

0 投票
1 回答
28 浏览

javascript - 如果元素 style.left 到达某个东西,将 style.left 更改为其他东西

我目前正在创建一个简单的交互式简历,主要使用 javascript。这个想法是用户将一个角色向右引导,然后会出现一些“关于我”的div。这些“about-me”-div 应该在角色移动时移动,因此看起来它们越来越接近/越来越远离它们。如果不清楚,请查看演示

我已经通过将 style.left 设置为 100 来解决这个问题,然后每次角色向右移动时都会从中减去。在示例中,我使用了 minions,而不是“about-me”-div,只是为了让函数正常工作。

但是,我希望“关于我”的 div 能够“重复”并在角色走了一段时间后再次回来。像这个例子

我尝试在下面使用此代码,在与 c 相同的函数中,但没有任何反应,除了当 style.left 为 -10% 时,minion 似乎快速闪烁。

TLDR:当 style.left 达到特定数字时,我希望 style.left 更改为其他内容。

请记住,这还没有完成,因此您不必在我需要帮助的那个之外判断代码和项目,除非您想提供任何提示。

github上的回购

我的演示