问题标签 [parallax]

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 投票
1 回答
2713 浏览

javascript - HTML 5 -- 垂直滚动 -- BEN THE BODYGUARD

这是我在这里的第一篇文章,所以我会尽量简洁明了。

我希望在 www.BentheBodyguard.com 上重新创建效果。基本上,我只想知道如何编写代码,这样当我按下向下键时,它会使背景全部滚动,但站在中间的那个人保持不变?尽我所能,这就是我认为 BenTheBodyguard 网站上正在发生的事情......

我将请一位艺术家/插画师制作一个很酷的小世界,我希望我的角色在人行道上走下来,然后在整个过程中我想要弹出 4 或 5 个视频,一旦用户观看了它们,他可以滚动更多直到他完成了他的旅程。这是一个基于网络的软件培训,所以视频将向用户展示如何制作新活动,以及所有功能等......

这对任何人都有意义吗?任何帮助是极大的赞赏!!!

0 投票
1 回答
2486 浏览

javascript - 多方向和多图像,视差滚动

我正在创建一个基于“桌面”设计的网站,换句话说,一个页面的 div 页面分布在整个页面中。

我正在使用 scrollTo 进行导航,并且在导航动画期间,我希望背景上方的图像进行视差滚动以帮助感觉深度和运动。

此时我已经使用了许多插件,但没有找到可以提供我正在寻找的东西,所有图像都将在页面的各个区域和不同的速度中具有起始位置,因此我需要能够在页面加载上有一个固定的位置。可能会有大量(ish)需要执行此操作的图像。

我已经在这方面工作了很久,现在我必须使用你们的互联网天才来拯救我!

0 投票
2 回答
561 浏览

jquery - 复制时的3d视口jquery问题

该问题仅在 FF 和 Chrome 中仍然存在。Hughes 为 IE 修复了它

我目前正在一个网站上使用视差效果来伪造 3D 效果。我正在使用的脚本是smart3d(jQuery 插件)。

我制作的第一张幻灯片效果很好(尽管出于某种原因,100% 的宽度实际上并不是 100%)。如果我复制它,它会在悬停时更多地向右侧移动。如果我再次复制它......它会改变更多。

我找不到问题所在,所以我决定向你们寻求帮助。您可以在这里查看问题:http: //basenharald.nl/3d/

我把几个LI项目的边界放在上面,这样我的意思就更清楚了。

希望你们能提供帮助。

顺便说一句:当我使用px而不是时,我遇到了同样的问题,%所以这不是答案。

0 投票
2 回答
1228 浏览

iphone - 使用什么传感器在 iPhone 上创建视差效果?

我有一个场景分为 3 个不同的平面,我想相对于设备在轴上的旋转向左或向右移动这些平面,因此当设备与表面成 0 度时,平面将位于中心。我在 iPod touch(第一代)的游戏主屏幕上看到了这种效果。我必须使用哪个传感器来创建类似的效果?

0 投票
1 回答
1427 浏览

animation - Android视差动画

要求:蜂窝 3.1、Galaxy Tab 10.1

我正在做一个项目,该项目需要在从一个元素到另一个元素的过渡中使用视差动画,这些元素位于类似于画廊的组件中,我需要的是当用户在屏幕上滑动以导航到不同的组时,这些组上的元素使用视差方法进行动画处理。

我已经使用基本动画方法对位图进行动画测试,但速度很慢,所以目前我正在使用 SurfaceView 进行测试。

您认为实现这一目标的最佳方法是什么?

0 投票
1 回答
264 浏览

jquery - 在 jQuery 中保留变量的原始值

所以我正在开发一个插件,我需要做的一件事就是如果它已经在 CSS 中设置了位置。

所以让我们在 CSS 中说这个人有这个:

我需要得到 100px 位。这很容易!

后来我改变了项目的位置。

不幸的是,这改变了 topMove 变量的值,因为 CSS 值 'top' 已经改变。如何存储原始值?

0 投票
2 回答
1803 浏览

c++ - 关于在 C++/SDL/OpenGL 中实现视差滚动的问题

我一直在与一个软件工程课程的团队一起工作,我们认为使用视差滚动将有助于我们的游戏看起来非常好,但我们不确定我们的实现想法是否正确,所以我希望有人会给我们一些关于我们计划的指导。

首先,我们有三个类,Level,Tileset,Layer,第一个有Layers和Tilesets两个vector,所以我们的想法是把第一层的一个TMX文件中的所有数据加载到一个vector>中,但是我们只画了地图的一部分,它当前在相机中,所以在一个循环中我们绘制每一层,但我们不确定如何为每一层定义一个速度,所以视差滚动就像它应该的那样工作。

PD:如果有人需要更多信息,请不要怀疑。

0 投票
1 回答
1178 浏览

wordpress - 视差 wordpress 主题。如何动态获取页面 ID 以显示自己的子菜单?

我正在创建一个具有视差功能和 html5 的 wordpress 主题,主页有所有主页和两种不同类型的导航。

主要的一个,是父页面的导航。所以我有关于、项目和联系方式。

但是每个页面都有子页面。关于页面在其下方有一个子页面,但由于我无法从主菜单访问,因此每个具有子页面或子页面的页面都有第二种类型的菜单。

还有项目,有不同的页面:“项目”(主)、“设计”(子)、咨询(子)等。

作为圆形按钮放置在页面右侧的第二个菜单列出了父级“about”和子级“about 2”。

我已经想出了一种方法来列出这些并让链接的行为与滚动到(视差行为)

但是,我硬编码父页面的方式。我想做的是找到一种方法来动态获取页面ID,这样它就不会被硬编码,但是由于主题作为一个只有一页的网站,它让我遇到了麻烦。

这是我拥有的代码,谁能帮我找到一种方法,以便代码识别每个当前页面的 ID 以列出主页面和子页面?

如您所见$parent = 13;,它是硬编码的,并且它也包含$pages = get_pages('hierarchical=0&include=13') ;硬编码的 id。所以所有页面都显示相同。我知道我可以为每个硬编码创建一个带有 is_page 的条件,但这个想法是让它动态化。

任何帮助都会很棒!

谢谢,

0 投票
4 回答
24673 浏览

scroll - 滚动视差背景,在 libgdx 中无限重复

我正在制作一个 2D 横向滚动太空射击类游戏,我需要一个可以无限滚动的背景(它被平铺或重复包裹)。我还想实现视差滚动,所以也许有一个最低的背景星云纹理几乎不移动,一个较高的背景包含几乎不移动的遥远恒星,而最高的背景包含移动很多的近距离恒星。

我从谷歌看到我会让每一层移动比它上面的层少 50%,但是我如何在 libgdx 中实现它呢?我有一个可以放大和缩小的相机,在物理 800x480 屏幕上可以显示从 128x128 像素(一艘船)到巨大空间区域的任何内容,其中纹理在其边缘多次包裹。

我如何连续包裹一个较小的纹理(比如 512x512),就好像它是无限平铺的(当相机缩小时),然后我如何分层多个这样的纹理,将它们放在一个合适的结构中(是否存在libgdx api中的一个?)并随着玩家坐标的变化移动它们?我已经查看了 javadocs 和示例,但找不到任何类似的问题,如果很明显,请道歉!

0 投票
1 回答
683 浏览

jquery - 视差激活

前言:我可耻地不擅长这些东西

好的,所以我想在 div 上使用 Jparallax,但我无法让它工作。一旦演示工作,我将对其进行修改,但现在我什至可以做到这一点。我已经从演示中复制了#parallax 的css,链接了头部的.js,并复制了脚本以激活头部的#parallax,但是由于某种原因该div 没有激活。

我的 html

这是我的CSS#

这一切都是从这个演示中直接撕下来的 这个演示非常 感谢任何帮助