16 comments

  • Louis CoyleLouis Coyle, over 7 years ago

    I regard Canvas as magical wizardry because I don't understand it... yet.

    3 points
  • Cihad TurhanCihad Turhan, over 7 years ago

    I really dig that intro blur animation. Thanks to the makers, I learned something new. If I were them, I would use webkit-blur or svg blur filter which would be slow and not a cross-browser solution.

    However, they used the app Phosphor to convert prerendered video to a specific image sprite sequence with a smaller file size so you can see whole animation is done by thesethreeimages.

    2 points
    • Andrew CornettAndrew Cornett, over 7 years ago

      Exactly right! We could totally try to get a similar intro animation in other ways, but we were pressed for time. I would love to do it using elements right on the page.

      The main goal with doing it this way was to make sure it worked with mobile devices that don't autoplay videos inline on a page. This method required slightly larger file sizes, but it seemed worth it!

      1 point
  • Jake ZienJake Zien, over 7 years ago

    The rainbow effect on the anchors is nice too.

    1 point
  • Andrew RasmussenAndrew Rasmussen, over 7 years ago

    I also love the temporary blur on hover throughout the page.

    0 points
  • Riho KrollRiho Kroll, over 7 years ago

    I'm curious about the product. Does anyone have any information about it? The website is very vague.

    0 points
  • Some DesignerSome Designer, over 7 years ago

    looks like a web page for alternative reality game of lost. shady.

    0 points
  • Alex Dave, over 7 years ago

    How did they made that Join section? Can't reverse engineering the canvas stuff.

    0 points
    • Cihad TurhanCihad Turhan, over 7 years ago

      If you're talking about mesh, it's done with THREE.js exporting a mesh prepared before. Here is the mesh file Import it, add mouse interaction and begin with a nice zoom out animation. Good stuff.

      2 points
    • Alex Dave, over 7 years ago

      Thank you very much :)

      0 points
    • Andrew CornettAndrew Cornett, over 7 years ago

      Cihad has it right! Though it seems to tax the CPU pretty heavily. We're going to experiment with a static mesh image and move it around with JavaScript + CSS to see if we can get the same effect without it costing so much. Previously we were making the mesh shift around whenever you clicked, but since that's not happening anymore we might be able to recreate the effect more simply!

      0 points