Git Product home page Git Product logo

vrworkshophkoscon2017's Introduction

Workshop result

Getting into the virtual world with WebVR/A-Frame

Join the chat at https://gitter.im/VRWorkshopHKOSCon2017/Lobby

A VR workshop hosted at HKOSCon 2017 (video recording).

Let’s get started in Virtual Reality with A-Frame, which is an open source project that allows us to develop WebVR applications like how we develop web sites - using XML based declarative markup.

We will introduce the current status of VR software and hardware, and what WebVR fits in. Using the Mozilla-developed A-Frame project, we will build a simple WebVR application that can be viewed on a desktop browser, on mobile with Google Cardboard, or even on a high-end head mounted display.

Requirement

Participants should bring their own laptop computer, with either Windows, Mac, or Linux installed. Some HTML/JS coding skill would be great, but not necessary. Some limited amount of Google Cardboard will be lended for testing. The VR application can be developed and used without Google Cardboard or any other VR hardware.

Preparation

Please follow the instruction listed below before the workshop, such that you can progress smoothly.

  • Download and install Sweet Home 3D free edition available at SourceForge.net, version 5.4 or up.

  • Get a Cloud9 account. It is an online development platform that includes an editor as well as other development tools (e.g. git). If you're familar with setting up a simple http dev server, feel free to skip this.

    Note that creating a normal account requires a credit card (no charge, just for varification). We have paid for an education plan, such that via our invitation, you can create an account without providing credit card detail. To get an invitation, send a message to Andy on Gitter providing your email address.

Procedure

We will introduce WebVR and A-Frame, as well as go through creating a simple VR scene during the workshop together. The key points and details are noted in instruction for your easy reference.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.