Git Product home page Git Product logo

augmented-reality-for-javascript-developers's Introduction

Augmented Reality for JavaScript Developers [Video]

This is the code repository for Augmented Reality for JavaScript Developers [Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.

About the Video Course

Augmented reality is the idea of mixing computer-generated media with someone’s view of the real world. AR.js provides a framework and set of utilities to develop augmented reality applications efficiently just using web technologies.

This course will show the learning ropes on how to produce interactive augmented reality experiences with nothing but a set of web technologies such as JavaScript and HTML. We'll start off with a basic introduction to Augmented reality experiences and an introduction to all the libraries and development tools that we are going to utilize in this video course. We'll begin by setting up our basic structure for our very first AR web application using the AR.js framework. We then move on to setting up our camera feed to localize our AR markers. After that, we'll deep dive into learning to overlay 3D content on top of our markers with three.js where we'll learn to apply realistic lighting and shadows to the 3D objects that we create using the different camera controls provided by Three.js to effortlessly navigate around your 3D scenes. After getting our 3D right we'll learn how to integrate both the 3D and our camera feed onto the screen. Towards the end of the video, we'll create a couple of real-world AR web application to better apply our gained knowledge.Finally, we get started into building Projects such as a 3D business card and AR data histogram.

By the time we are done with the course we would be able to create AR applications with A-Frame along with AR.js and with awe.js and also create Business cards and Data histograms.

What You Will Learn

  • Explore various AR technologies and the differences between Augmented reality vs Virtual Reality.
  • Create a simple AR application with-Frame and AR.js and learn how to add animation to your objects
  • Work with technologies like Three.js to add different geometry, shades, lightings and camera angles to your model.
  • Build an extensive AR Applications with awe.js by creating scenes, objects and adding events.
  • Test your projects on different mobile platforms and explore if there are any compatibility issues.
  • Proceed to build your own customised business card and Data Histogram using AR.js, A-Frame, and awe.js

Instructions and Navigation

Assumed Knowledge

To fully benefit from the coverage included in this course, you will need:
Python developers who are interested in learning how to perform image processing using TensorFlow will benefit from this course. A basic knowledge of TensorFlow will help you understand concepts more effectively.

Technical Requirements

This course has the following software requirements:
 Google Chrome, minimum version: 52

 A code editor, author used Atom in the course

This course has been tested on the following system configuration:

 OS: macOS High Sierra

 Processor: 1,3 GHz Intel Core 5

 Memory: 4 GB

 Storage: 121 GB

Related Products

augmented-reality-for-javascript-developers's People

Contributors

packt-itservice avatar packtdwayne avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

rivadia

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.