by Daniel Wise | Publisher: Packt Publishing | Release Date: November 2017 | ISBN: 9781788471640

Explore the limitless applications of AR About This VideoA practical course on developing Augmented reality experiences targeting web and mobile browsers.Create customized 3D graphics for your Augmented reality experiences with Three.jsCreate new AR applications.Add an AR view in your existing web application with AR.js, HTML, CSS, and JavaScript.In DetailAugmented 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.

1. Chapter 1 : ChapterName
   • The Course Overview 00:03:52
   • Overview of AR Development 00:05:52
   • AR Features Versus VR Features 00:04:24
   • AR Ready Devices 00:03:07
   • Course Topics 00:05:39
2. Chapter 2 : ChapterName
   • Setting up Our Project and Creating Our Scene 00:07:17
   • Object Meshes and Mesh Attributes 00:06:07
   • Adding Text and Animations to Objects 00:06:10
   • Adding Textures to Objects 00:03:15
   • Adding AR.js to Our Application 00:07:16
3. Chapter 3 : ChapterName
   • Discussing Three.js and Setting up Our Project 00:05:33
   • Creating a Basic Scene 00:08:46
   • Exploring Different Geometry Meshes 00:13:33
   • Creating Materials 00:07:09
   • Creating Shaders 00:16:38
   • Lights and Cameras 00:28:58
   • Loading a Model 00:08:33
4. Chapter 4 : ChapterName
   • Setting up, Creating the Load Function 00:11:53
   • Adding POIs, Projections, and Events 00:12:16
   • Creating a Case Statement with Conditionals 00:09:14
   • Adding Our Last Box and Create a Compatibility Error Message 00:06:45
   • Testing Our App 00:10:29
5. Chapter 5 : ChapterName
   • Going over Web Hosting with Heroku 00:03:08
   • Deploying Our AR.js and Awe.js Applications to Heroku 00:10:23
   • AR Web Applications on Mobile Browsers 00:04:03
6. Chapter 6 : ChapterName
   • Creating an AR Business Card with A-frame and AR.js 00:12:59
   • Creating an AR Histogram with Awe.js 00:26:24