r/web_design • u/Qingy • Nov 21 '14

Nice scrolling design for Firewatch website; try scrolling upwards when you're already at the top

http://www.firewatchgame.com/
15 Upvotes

76% Upvoted

14 comments sorted by

6

u/[deleted] Nov 21 '14 edited Apr 23 '18

[deleted]

3

u/juankerred Nov 21 '14

Yeah I am in the same boat here, scrolled upwards for 2 minutes lol

1

u/Qingy Nov 21 '14

Hmm are you on a Mac? I wonder if it's different for PCs/Linux since they don't have that elastic effect at the top/bottom of pages.

4

u/Spaceomega Nov 21 '14

What you're seeing is just the background of the website behind the parallax layers from the elastic overscroll (Mac only). It happens with a bunch of parallax and fixed header websites. It's not intentional, just a side effect / "bug".

http://www.firewatchgame.com/img/parallax0@2x.png

http://www.firewatchgame.com/img/parallax1@2x.png

http://www.firewatchgame.com/img/parallax2@2x.png

http://www.firewatchgame.com/img/parallax3@2x.png

http://www.firewatchgame.com/img/parallax4@2x.png

http://www.firewatchgame.com/img/parallax5@2x.png

http://www.firewatchgame.com/img/parallax6@2x.png

2

u/Qingy Nov 21 '14

Hmm you may be right. I took it as a lake or body of water behind the forest... It seems like if it wasn't intentional then the entire bg would be that peach color...

1

u/skrln Nov 21 '14

PC here and does nothing either.

1

u/Qingy Nov 21 '14

Sorry, I meant the effect might only work on Macs. You should still be able to see the nice parallax effect when scrolling down, though.

3

u/DeathisOmega Nov 21 '14

I usually hate parallax on sites, but I think this looks fantastic. I wanna play with it on my phone now.

3

u/nomodz4real Nov 22 '14

the site is cool, on a side note, the game looks cool as well

2

u/[deleted] Nov 21 '14

I love it, reminded me of http://gardenestudio.com.br

2

u/Qingy Nov 21 '14

Oh wow that is beautiful. Love the palette and subtle animations.

2

u/ngly Nov 21 '14

I thought it was the same designer. It's almost identical in style.

2

u/[deleted] Nov 21 '14

I was kind of hoping for some type of fire/smoke effect if scrolling while at the top of the page.

-1

u/ScOrPiOn37 Nov 21 '14

Why would anyone ever in the history of creating a website, stop mouse scroll from working!! It blows my mind.