lordician i love you for making this.
my contribution to this topic.
So let us talk about how that stuff up there works.
The above thing shown consists of three images:
And yes, that is their native resolution. They're scaled to the window's size when the image is loaded / rescaled when the window resolution changes.
Why are the images so small? Because I wanted awesome looking pixel-y stuff, that's why.
The clouds are very condensed in that image because when stretched out, they look nice.
So, how is the scrolling effect achieved? With mathematics of course!
void Map::doSkyParallax()
{
backgroundParallax.SetPosition(backgroundParallax.GetPosition().x - parallaxFactor,
backgroundParallax.GetPosition().y);
//if the parallax image goes far enough back it resets (based on its negative size width (because its scrolling left) plus screen width)
if(backgroundParallax.GetPosition().x <= -int(backgroundParallax_IMG.GetWidth()) * backgroundParallax.GetScale().x + window->GetWidth())
{
backgroundParallax.SetPosition(0, 0);
}
}In plain english, the above code (that is meant to be run each loop) constantly moves the cloud image to the left, off the screen at a certain speed. At the same time, if the image reaches its end (checked when the image's right side is lined up with the screen's right side) the image reset's back to its starting place, ready to loop again.
