A-Frame WebVR Programming Tutorials

  • Sonar Systems admin
    Likes 1

    Problem Description

    Virtual Reality is a huge industry, but it has barely begun.

    Solution Description

    This series will cover everything you need to get started in your WebVR development journey.

    1. Course Introduction
      1. What is VR
      2. What is A-Frame
        1. Show A-Frame examples
      3. Prerequisites
        1. HTML
        2. CSS
        3. JavaScript
      4. Example VR headsets
        1. Google Cardboard
        2. MergeVR
      5. Briefly explain that it uses the right handed coordinate system
        1. https://www.youtube.com/watch?v=gsf6fZhvLPM&index=3&list=PLRtjMdoYXLf4yTkXgyRBy5LXTFhdU7LWq
    2. Setting Up
    3. Drawing A Box
    4. Transformations
    5. Textures
    6. Animations
    7. Interacting With Objects
    8. Lighting
    9. Skybox
    10. Model Loading
    11. Image
    12. Curved Image
    13. Video

     


  • basem7
    Likes 0

    Hey there ! thanks for the aFrame tutorial , it’s really helpful .. but i have an enquiry why u guys did stop and didn’t continue ? i really would like to know more about it because it’s related to my final year project . I want to know how can i change from one scene to another using aFrame ?! please can anyone reply to me !! 

     

    Thanks .

  • Sonar Systems admin
    Likes 0

    Hi,

    The current A-Frame series was a beginners course. We will be doing more advanced series.

     

    Kind regards

    Frahaan Hussain

  • Freisl
    Likes 0

    Loved your stuff on A-Frame so far. . . I have a question…

    I would like to drag and drop elements in VR and can’t find a clear way to do it.

    Can you point me in the right direction?

     

  • Sonar Systems admin
    Likes 0

    Using what sort of input method?

  • Freisl
    Likes 0

    I’m using HTC Vive.

  • Freisl
    Likes 0

    Say, the finger triggers to grab and drop?

  • Freisl
    Likes 0

    I found this on Github: aframe-click-drag-component-master

    which is exactly what I want...but I don’t know how to “install” it or get it to work.

    I’ve extracted it to my htdocs folder where I have my aframe stuff, but I can’t seem to get their exmple demos to work.

    Any ideas?

  • Sonar Systems admin
    Likes 0

    Can you send me a link to that.

  • Freisl
    Likes 0

    I don’t really need to run it locally, but it’s an option. I can’t get it going in codepen or through Xampp (lampp)

     

  • Freisl
    Likes 0

    Should I continue to search or switch to learning Unity?

  • Sonar Systems admin
    Likes 0

    What are you looking to create with it?

  • Freisl
    Likes 0

    A chess game. The participant needs to pick up and drop pieces in VR.

  • Sonar Systems admin
    Likes 0

    Unity definately provides a more round game framework but A-Frame is dedicaed to VR. Unity will be easier.

  • Freisl
    Likes 0

    OK, I switched to unity. Took a while to find my way.

    Do you have any tutorials available, I really like your stuff.

  • Sonar Systems admin
    Likes 0

    Check this course out http://www.sonarlearning.co.uk/coursepage.php?topic=game&course=unity-5-fps-course

     

    It teaches Unity using a FPS example. The skills learnt through this course are relevent for all game types including VR.

  • Freisl
    Likes 0

    This looks great! Thank you!

  • Sonar Systems admin
    Likes 0

    Happy to help.

     

    If you have any other questions feel free to post them on our education platform sonarlearning.co.uk

Login to reply