Subscribe to this product.

    Is this your street address?

    Card

    ···· ···· ···· 4242
    Test card

    05/18

    Card

    Use a different card?

    Card

    pp paypal

    or pay with

    We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

    or pay with

    Please confirm your location:
    Your card will be charged .

    Thank you!

      Gumroad Library

      Download from the App Store or text yourself a link to the app

      Download from the App Store or text yourself a link to the app

      Send SMS
      Nevermind

      $2.99

      Creating a 360 Viewer with Electron.js, Three.js and Materialize


      Watch the full video at https://youtu.be/RDYbom9WkMk


      Hey there, my name is Quinston and I am the CTO and Co-Founder of QuarkExp, a 360 / VR company based in Pune. We have been creating beautiful 360 / VR experiences for our clients since 2016 and I am eager to share what I have learned with as many people as possible. 

      In this ebook, we shall learn about how to Create a 360 Image Viewing Desktop App with Electron.js, Three.js and Materialize from writing the first line of code to actually packaging and distributing the application. The app will run on both Mac and Windows and we will be covering how to write platform-specific code.


      Use the app we will be building...

      Windows App (.exe file)

      Mac App (.dmg file)


      Libraries Used

      Electron.js is a library that allows us to build cross-platform applications with HTML, CSS and Javascript a lot of popular companies like Slack, Twitch.tv and my personal favorite, Visual Studio Code use.

      Three.js allows us to add 3D Graphics to our application. It abstracts the complexities of WebGL and allows us to focus on the things that actually matter.

      Materialize is a library that lets us use Material Design Components that are designed according to the specifications of Google’s Material Design Spec.


      Key points

      •     Literally starting from Scratch (no boilerplate code used).
      •     Detailed explanations of every Concept.
      •     Focusing on User Experience.
      •     Writing Platform-specific code.
      •     Modifying OrbitControls.js for Keyboard Support.
      •     Implementing Right Click to Open Image (Mac and Windows).
      •     Using electron-builder to package code to .exe or .dmg.
      •     Access to the full codebase!


      This is not for you if...

      •     You do not know what is console.log(); in Javascript.


      This is for you if...

      •     You want to learn a new skillset.
      •     You want to learn how to build a desktop app from scratch.
      •     You want to learn how to use 3D graphics in Electron.js with Three.js.
      •     You want full access to the codebase.


      I hope this product provides you with as much value as I believe it will.


      7-Day Money-back Guarantee!

      If the product does not perform as advertised, we will issue a full-refund. :) 


      This product is created in association with Quark Experiences Pvt. Ltd. 

      You can find us at https://quarkexp.com

      Sorry, this item is not available in your location.
      Sold out, please go back and pick another option.

      You've purchased this product

      Give it a rating

      See it in your library

      0 ratings

      • Size 246 KB
      • Length 56 pages

      Purchasing Creating a 360 Viewer with Electron.js, Three.js and Materialize...

      Card

      ···· ···· ···· 4242
      Test card

      05/18

      Card

      Use a different card?

      Card

      pp paypal

      or pay with

      We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

      or pay with

      Please confirm your location:
      Your card will be charged US$2.99.

      Your rental will be available for 30 days. Once started, you’ll have 72 hours to watch it as much as you’d like!

      Thank you!

        Gumroad Library

        Download from the App Store or text yourself a link to the app

        Download from the App Store or text yourself a link to the app

        Send SMS
        Nevermind