Stack Overflow
Stack Overflow

Questions tagged [parallax]

An effect that causes the position or direction of an object to appear to change when viewed from different positions, e.g., through the viewfinder and the lens of a camera

par·al·lax

noun /ˈparəˌlaks/  parallaxes, plural

The effect whereby the position or direction of an object appears to differ when viewed from different positions, e.g., through the viewfinder and the lens of a camera.

The angular amount of this in a particular case, esp. that of a star viewed from different points in the earth's orbit.

Parallax scrolling is a special scrolling technique in computer graphics, wherein background images move by the camera slower than foreground images, creating an illusion of depth in a 2D video game and adding to the immersion.

source

2209 questions
6
votes
1 answer

Handling Player movement on larger Backgrounds

I'm building a 2D game in which the player is constantly moving in the upward direction and when the player reaches the max height visible (e.g 480) then the layer moves down. But the problem is that my FPS drops when I'm adding a larger background…
Moeez Akram
  • 469
  • 3
  • 12
6
votes
2 answers

Smooth vertical page scrolling using mouse wheel and scroll bar

I am playing around and trying to build a parallax website - yes, I know they are an annoying fad but I would still like to have a go. So, for inspiration, I have been looking at various examples of good parallax websites and came across this one:…
DBUK
  • 1,373
  • 1
  • 23
  • 41
5
votes
1 answer

jQuery Parallax / Scroll Events Performance

This question pertains less to parallax than it does to scroll events. My overriding concern with my project is that the parallax scroll effect is smooth and not jittery. My question then is, do certain properties animate / scroll better than…
Philip McLaughlin
  • 76
  • 1
  • 5
5
votes
2 answers

Using useEffect to manipulate DOM events not Responsive on different screens

Currently I'm trying to achieve the following parallax effect in React where my image is in a fixed position vertically but moves left to right along with text. I've used useEffect to achieve this where I take the total height pixels and move my…
JJM50
  • 467
  • 1
  • 7
  • 20
5
votes
0 answers

React-spring Parallax

Description I'm trying to implement some parallax animation using react-spring, but I'm not able to find a way to space the containers in a responsive / uniform way. Reproducible snippet Here I made a snippet which contains a basic parallax effect…
ale917k
  • 1,494
  • 7
  • 18
  • 37
5
votes
0 answers

Parallax Scrolling Header with Tabs in iOS

I am trying to create Parallax Scrolling Header with Tabs in iOS . i found few Library which provide the Parallax Header With TableView . I am Trying to reduce the height of Header View According to the Content off set of TablView below in the…
Dhiru
  • 3,040
  • 3
  • 25
  • 69
5
votes
1 answer

Parallax code not working, not showing up in chrome preview

I am trying to make a parallax for the first time and am having troubles. I'm following this tutorial and then trying to work backwards. The code isn't working however and I'm not sure where I made the mistake, I jumped around to a few other…
SchadeM
  • 81
  • 10
5
votes
3 answers

How to change navigation text color on fullscreen scroll based on background?

Title says it all really. Here is an example of what I'm trying to achieve navigation color change image based on background The problem is that it needs to work with a site that's using a scroll-jacking parallax type effect, here is the site I'm…
Jordan M
  • 51
  • 4
5
votes
1 answer

Swift - How to add a layer on a UIImageView inside of a UICollectionViewCell and keep the parallax effect

I'm working on a tvOS project. This project contains a UICollectionView with a UIImageView inside of each UICollectionViewCell. First of all I'm using adjustsImageWhenAncestorFocused on the image, because it looks good when the cell is in focus and…
Stijn
  • 61
  • 4
5
votes
3 answers

SKShader to create parallax background

A parallax background with a fixed camera is easy to do, but since i'm making a topdown view 2D space exploration game, I figured that having a single SKSpriteNode filling the screen and being a child of my SKCameraNode and using a SKShader to draw…
BadgerBadger
  • 696
  • 3
  • 12
5
votes
1 answer

Pure CSS parallax without fixed background height?

I'm trying to get a pure CSS parallax effect working without having a fixed background height. This has been described in a few places, but they have the common constraint that the background layer must have a fixed, known height. I would like to…
rityzmon
  • 1,945
  • 16
  • 26
5
votes
7 answers

Fixed background images disappear on iPhone/ iPad

I'm having issues with background-image. My website looked good on Android devices, then I found out that iPhones and iPads don't like background-size: cover. I fixed this by setting background-size: 100%. On iPhone simulators on the web, the site…
christian
  • 110
  • 1
  • 2
  • 15
5
votes
1 answer

How can I nest materializecss slider within a parallax?

I would like to nest a materializecss slider inside a materialcss parallax. Can this be done? I can make each work individually fine, but when I nest them I just get a grey area with the captions. This is my code
…
user3808307
  • 2,270
  • 9
  • 45
  • 99
5
votes
1 answer

UITableView Parallax header to show multiple images

So there's an application called RadPad where they are able to do a sticky parallax table view header but at the same time have the ability to swipe horizontally to switch between images. I am wondering of what is the best way to achieve both…
Francis Lata
  • 51
  • 2
5
votes
10 answers

Parallax not working in materialize css

I am using the Materialize Framework to create a PhoneGap app. http://materializecss.com They have a parallax setting which you can see their notation here: http://materializecss.com/parallax.html When I run it, my image does not show up at all. My…
Mike
  • 6,751
  • 23
  • 75
  • 132
1 2 3
…
99 100