Details

Title: Augmented Reality in the web browser
Duration: 16 hours (2 days)
Number of trainees: from 3 to 8
Meal: breakfast, coffee and tea included, lunch not included
Price per person: $2000 if 4 people or less, $1700 otherwise

Material

The trainee should bring:

  • a laptop with WiFi connectivity,
  • the screen resolution should be at least 1366*768 pixels,
  •  a web browser compatible with WebGL should be installed. This 3D car demo should run smoothly,
  • a smartphone able to run this sunglasses virtual tryon demo smoothly. You should also be able to have a remote JavaScript console for debugging in the browser of your mobile device.

The trainer needs:

  • a paperboard/velleda board/green board with different color pens or chalks,
  • a HDMI video projector with a minimum resolution of 1366*768 pixels,
  • a wifi Internet access.

Pre-requisites

This training session is for web developers. An intermediate level in JavaScript (ES5) is required.

The basics concepts of WebGL and Three.js should be assimilated. Ideally, the trainees should did the course WebGL & Three.js basics before. It is really recommented to also have done the course WebGL & Three.js advanced.

Objectives

After the training session, the trainees will be able to:

  • build a face filter web application using Jeeliz FaceFilter library,
  • build an animoji like web application using Jeeliz Weboji library,
  • understand how WebXR works, and what are the possibilities to build a rear-camera facing web apps.

Course outlines

  • the AR coordinates system
  • creating a Three.JS scene in a facefilter context
  • build a facefilter application
  • overviewing tracking and stabilization algorithms
  • applying morphing to reproduce face expressions
  • understanding WebRTC tricks
  • using WebXR to build a rear-camera facing web app