handsfree/handsfree.js/Pose.js

A library for creating head-controlled, handsfree user interfaces via computer vision just...like...✨...that!

/**
 *                  _
 *       __________H||___________
 *      [|.......................|
 *      ||...✨.................|            @@@@
 *      ||.. (\.   \      ,/)....|          @@@@@@@
 *      ||...  \(   |\     )/....|   ,      - @@@@
 *      ||...  //\  | \   /\\....|   |     '_ @@@
 *      ||...(/ /\_#👓#_/\ \)...|   |     __\@ \@
 *      ||...  \/\  ####  /\/....|  _\\  (/ ) @\_/)____
 *      ||...      `##'      ....|   |(__/ /     /|% #/
 *      ||.......................|    \___/ ----/_|-#/
 *      ||.......................|       ,:   '(
 * 
 *                    🔮 /Pose.js 🔮
 * 
 * @description A class describing different poses.
 * Each pose has a:
 * - .$el: The pointer element
 */
class HandsfreePose {
  constructor () {
    /**
     * A BRFv4 tracked face
     * @see https://github.com/Tastenkunst/brfv4_javascript_examples/
     */
    this.face = null

    /**
     * The cursor object
     */
    this.cursor = {
      x: 0,
      y: 0,
      $el: this.createPointer()
    }
  }

  /**
   * Creates the pointer element
   */
  createPointer () {
    const $cursor = document.createElement('div')
    $cursor.classList.add('handsfree-cursor')
    document.body.appendChild($cursor)

    return $cursor
  }
}

module.exports = HandsfreePose