add shadow shader and select-start event

src/components/scene/ar-hit-test.js

@@ -123,6 +123,12 @@ module.exports.Component = register('ar-hit-test', {
         this.bboxMesh.visible = true;
 
         if (this.hasPosedOnce === true) {
+          this.el.emit('ar-hit-test-select-start', {
+            inputSource: inputSource,
+            position: this.bboxMesh.position,
+            orientation: this.bboxMesh.quaternion
+          });
+
           if (inputSource.profiles[0] === profileToSupport) {
             this.hitTest = transientHitTest;
           } else {

src/shaders/index.js

@@ -3,3 +3,4 @@ require('./standard');
 require('./sdf');
 require('./msdf');
 require('./ios10hls');
+require('./shadow');

src/shaders/shadow.js

@@ -0,0 +1,29 @@
+var registerShader = require('../core/shader').registerShader;
+var THREE = require('../lib/three');
+
+/**
+ * Flat shader using THREE.ShadowMaterial.
+ */
+module.exports.Shader = registerShader('shadow', {
+  schema: {
+    opacity: {default: 0.5},
+    transparent: {default: true},
+    alphaToCoverage: {default: true}
+  },
+
+  /**
+   * Initializes the shader.
+   * Adds a reference from the scene to this entity as the camera.
+   */
+  init: function (data) {
+    this.rendererSystem = this.el.sceneEl.systems.renderer;
+    this.material = new THREE.ShadowMaterial();
+  },
+
+  update: function (data) {
+    this.material.opacity = data.opacity;
+    this.material.alphaToCoverage = data.alphaToCoverage;
+    this.material.transparent = data.transparent;
+  }
+});
+