13 comments

  • David BarkerDavid Barker, over 6 years ago (edited over 6 years ago )

    When I first saw the site, I went into the source code to figure out how they achieved the effect with the mountains. At first, I thought it was a simple 2D parallax, but if you look closely, it's more of 3D effect.

    They're using Three.js and 3D models of the mountains with images of mountains as the texture.

    http://i.imgur.com/97FaLxj.png

    http://images.apple.com/media/ww/macos/2016/c1206bed-9b76-4c2c-ad65-d3647b9ebcbb/overview/hero/textures/mountains.jpg

    I think these are co-ordinates for the objects in the scene: http://i.imgur.com/qqWJwGk.png

    8 points
  • Patrick LudewigPatrick Ludewig, over 6 years ago

    What “Scroll Effect” do you mean? The Fade-In’s?

    1 point
  • Calum SmithCalum Smith, over 6 years ago

    It's cool, except for the fact that I'm browsing the Apple website in Apple's browser in a top-of-the-line Apple computer—it's Apple all the way down the chain—and it's choking like crazy.

    0 points
    • Jasper MijdamJasper Mijdam, over 6 years ago

      Ouch, that's too bad! For me it worked pretty well on my old 2009 Apple computer :)

      0 points
      • Calum SmithCalum Smith, over 6 years ago

        I'm assuming you're in Chrome, though ;)

        0 points
        • Jasper MijdamJasper Mijdam, over 6 years ago (edited over 6 years ago )

          Nope, Safari on Mavericks. Not even outfitted with an SSD.

          Although I'll be upgrading to one soon though, I do want to do other stuff with this computer than browsing a page about an OS that my computer is outdated for ;).

          0 points
  • Cristian MoiseiCristian Moisei, over 6 years ago

    I've been on that website several times and I never noticed it until David Baker mentioned the parallax effect, so while cool indeed, it's not very effective, and it might have been better off as a timed animation like the ones they had for the Mac Pro.

    0 points
  • Sacha GreifSacha Greif, over 6 years ago

    This is really cool. It seems like there's a blur, zoom out, and parallax effect all synced up together. Really interesting.

    0 points
  • Jay Tyagi, over 6 years ago

    Only works in Safari at this moment.

    The effect is called Backdrop Filter.

    0 points
    • M. AppelmanM. Appelman, over 6 years ago (edited over 6 years ago )

      Don't think that's it. Seems to work in FF, Chrome and Safari for me.

      Edit: it's CSS3 2D Transforms, which is in use by many browsers.

      1 point
  • Hüseyin YilmazHüseyin Yilmaz, over 6 years ago

    So old…

    0 points
  • Josh Carr, over 6 years ago

    Personally, I think it's terrible. It's jittery and didn't even load the first time i tried in the latest version of safari. These concepts are fantastic in theory, but when you sacrifice the user experience for "pretty" concepts, you fail your customers.

    0 points