Book Image

Computer Vision for the Web

By : Foat Akhmadeev
Book Image

Computer Vision for the Web

By: Foat Akhmadeev

Overview of this book

This book will give you an insight into controlling your applications with gestures and head motion and readying them for the web. Packed with real-world tasks, it begins with a walkthrough of the basic concepts of Computer Vision that the JavaScript world offers us, and you’ll implement various powerful algorithms in your own online application. Then, we move on to a comprehensive analysis of JavaScript functions and their applications. Furthermore, the book will show you how to implement filters and image segmentation, and use tracking.js and jsfeat libraries to convert your browser into Photoshop. Subjects such as object and custom detection, feature extraction, and object matching are covered to help you find an object in a photo. You will see how a complex object such as a face can be recognized by a browser as you move toward the end of the book. Finally, you will focus on algorithms to create a human interface. By the end of this book, you will be familiarized with the application of complex Computer Vision algorithms to develop your own applications, without spending much time learning sophisticated theory.
Table of Contents (13 chapters)

Controlling objects with the head motion


Creating a human interface in Computer Vision is not an easy task. One of the exciting fields is Head-coupled perspective. This technique is used for rendering the scene on the screen, which responds naturally to changes in the head position of a viewer relative to the display. Simply put, the technology creates a 3D display without using any additional devices except the camera.

In the previous chapter, we saw how to track a head with the headtrackr library. It was done using the Camshift algorithm. In this section, we will explain the background of the function for Head-coupled perspective and how to use it in your projects to create an amazing human interface. To present a scene, the headtrackr library uses one of the most popular JavaScript libraries for 3D modeling—three.js (http://threejs.org). We will begin with an explanation of the core function and then see an example of its usage.

The Head-coupled perspective

As we mentioned earlier, the headtrackr...