问题标签 [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.
javascript - HTML 5 -- 垂直滚动 -- BEN THE BODYGUARD
这是我在这里的第一篇文章,所以我会尽量简洁明了。
我希望在 www.BentheBodyguard.com 上重新创建效果。基本上,我只想知道如何编写代码,这样当我按下向下键时,它会使背景全部滚动,但站在中间的那个人保持不变?尽我所能,这就是我认为 BenTheBodyguard 网站上正在发生的事情......
我将请一位艺术家/插画师制作一个很酷的小世界,我希望我的角色在人行道上走下来,然后在整个过程中我想要弹出 4 或 5 个视频,一旦用户观看了它们,他可以滚动更多直到他完成了他的旅程。这是一个基于网络的软件培训,所以视频将向用户展示如何制作新活动,以及所有功能等......
这对任何人都有意义吗?任何帮助是极大的赞赏!!!
javascript - 多方向和多图像,视差滚动
我正在创建一个基于“桌面”设计的网站,换句话说,一个页面的 div 页面分布在整个页面中。
我正在使用 scrollTo 进行导航,并且在导航动画期间,我希望背景上方的图像进行视差滚动以帮助感觉深度和运动。
此时我已经使用了许多插件,但没有找到可以提供我正在寻找的东西,所有图像都将在页面的各个区域和不同的速度中具有起始位置,因此我需要能够在页面加载上有一个固定的位置。可能会有大量(ish)需要执行此操作的图像。
我已经在这方面工作了很久,现在我必须使用你们的互联网天才来拯救我!
jquery - 复制时的3d视口jquery问题
该问题仅在 FF 和 Chrome 中仍然存在。Hughes 为 IE 修复了它
我目前正在一个网站上使用视差效果来伪造 3D 效果。我正在使用的脚本是smart3d
(jQuery 插件)。
我制作的第一张幻灯片效果很好(尽管出于某种原因,100% 的宽度实际上并不是 100%)。如果我复制它,它会在悬停时更多地向右侧移动。如果我再次复制它......它会改变更多。
我找不到问题所在,所以我决定向你们寻求帮助。您可以在这里查看问题:http: //basenharald.nl/3d/
我把几个LI
项目的边界放在上面,这样我的意思就更清楚了。
希望你们能提供帮助。
顺便说一句:当我使用px
而不是时,我遇到了同样的问题,%
所以这不是答案。
iphone - 使用什么传感器在 iPhone 上创建视差效果?
我有一个场景分为 3 个不同的平面,我想相对于设备在轴上的旋转向左或向右移动这些平面,因此当设备与表面成 0 度时,平面将位于中心。我在 iPod touch(第一代)的游戏主屏幕上看到了这种效果。我必须使用哪个传感器来创建类似的效果?
animation - Android视差动画
要求:蜂窝 3.1、Galaxy Tab 10.1
我正在做一个项目,该项目需要在从一个元素到另一个元素的过渡中使用视差动画,这些元素位于类似于画廊的组件中,我需要的是当用户在屏幕上滑动以导航到不同的组时,这些组上的元素使用视差方法进行动画处理。
我已经使用基本动画方法对位图进行动画测试,但速度很慢,所以目前我正在使用 SurfaceView 进行测试。
您认为实现这一目标的最佳方法是什么?
jquery - 在 jQuery 中保留变量的原始值
所以我正在开发一个插件,我需要做的一件事就是如果它已经在 CSS 中设置了位置。
所以让我们在 CSS 中说这个人有这个:
我需要得到 100px 位。这很容易!
后来我改变了项目的位置。
不幸的是,这改变了 topMove 变量的值,因为 CSS 值 'top' 已经改变。如何存储原始值?
c++ - 关于在 C++/SDL/OpenGL 中实现视差滚动的问题
我一直在与一个软件工程课程的团队一起工作,我们认为使用视差滚动将有助于我们的游戏看起来非常好,但我们不确定我们的实现想法是否正确,所以我希望有人会给我们一些关于我们计划的指导。
首先,我们有三个类,Level,Tileset,Layer,第一个有Layers和Tilesets两个vector,所以我们的想法是把第一层的一个TMX文件中的所有数据加载到一个vector>中,但是我们只画了地图的一部分,它当前在相机中,所以在一个循环中我们绘制每一层,但我们不确定如何为每一层定义一个速度,所以视差滚动就像它应该的那样工作。
PD:如果有人需要更多信息,请不要怀疑。
wordpress - 视差 wordpress 主题。如何动态获取页面 ID 以显示自己的子菜单?
我正在创建一个具有视差功能和 html5 的 wordpress 主题,主页有所有主页和两种不同类型的导航。
主要的一个,是父页面的导航。所以我有关于、项目和联系方式。
但是每个页面都有子页面。关于页面在其下方有一个子页面,但由于我无法从主菜单访问,因此每个具有子页面或子页面的页面都有第二种类型的菜单。
还有项目,有不同的页面:“项目”(主)、“设计”(子)、咨询(子)等。
作为圆形按钮放置在页面右侧的第二个菜单列出了父级“about”和子级“about 2”。
我已经想出了一种方法来列出这些并让链接的行为与滚动到(视差行为)
但是,我硬编码父页面的方式。我想做的是找到一种方法来动态获取页面ID,这样它就不会被硬编码,但是由于主题作为一个只有一页的网站,它让我遇到了麻烦。
这是我拥有的代码,谁能帮我找到一种方法,以便代码识别每个当前页面的 ID 以列出主页面和子页面?
如您所见$parent = 13;
,它是硬编码的,并且它也包含$pages = get_pages('hierarchical=0&include=13') ;
硬编码的 id。所以所有页面都显示相同。我知道我可以为每个硬编码创建一个带有 is_page 的条件,但这个想法是让它动态化。
任何帮助都会很棒!
谢谢,
scroll - 滚动视差背景,在 libgdx 中无限重复
我正在制作一个 2D 横向滚动太空射击类游戏,我需要一个可以无限滚动的背景(它被平铺或重复包裹)。我还想实现视差滚动,所以也许有一个最低的背景星云纹理几乎不移动,一个较高的背景包含几乎不移动的遥远恒星,而最高的背景包含移动很多的近距离恒星。
我从谷歌看到我会让每一层移动比它上面的层少 50%,但是我如何在 libgdx 中实现它呢?我有一个可以放大和缩小的相机,在物理 800x480 屏幕上可以显示从 128x128 像素(一艘船)到巨大空间区域的任何内容,其中纹理在其边缘多次包裹。
我如何连续包裹一个较小的纹理(比如 512x512),就好像它是无限平铺的(当相机缩小时),然后我如何分层多个这样的纹理,将它们放在一个合适的结构中(是否存在libgdx api中的一个?)并随着玩家坐标的变化移动它们?我已经查看了 javadocs 和示例,但找不到任何类似的问题,如果很明显,请道歉!
jquery - 视差激活
前言:我可耻地不擅长这些东西
好的,所以我想在 div 上使用 Jparallax,但我无法让它工作。一旦演示工作,我将对其进行修改,但现在我什至可以做到这一点。我已经从演示中复制了#parallax 的css,链接了头部的.js,并复制了脚本以激活头部的#parallax,但是由于某种原因该div 没有激活。
我的 html
这是我的CSS#
这一切都是从这个演示中直接撕下来的 这个演示非常 感谢任何帮助