├── .babelrc
├── .gitignore
├── .postcssrc
├── .vscode
    └── launch.json
├── LICENSE
├── README.md
├── docs
    ├── css
    │   └── app.56f2549f.css
    ├── favicon.ico
    ├── index.html
    └── js
    │   ├── app.11df425d.js
    │   ├── app.11df425d.js.map
    │   ├── chunk-vendors.7ee3254a.js
    │   └── chunk-vendors.7ee3254a.js.map
├── package.json
├── public
    ├── favicon.ico
    └── index.html
├── src
    ├── App.vue
    ├── assets
    │   └── logo.png
    ├── components
    │   ├── AppBase.vue
    │   ├── AppButtonrecord.vue
    │   ├── AppControls.vue
    │   ├── AppEmotionstatus.vue
    │   ├── AppRecordinglogic.vue
    │   ├── AppRecordintensity.vue
    │   ├── AppRecordintent.vue
    │   ├── AppRefresh.vue
    │   └── AppSineloader.vue
    ├── main.js
    └── store.js
└── yarn.lock


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": [
3 |     "@vue/app"
4 |   ]
5 | }


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | ### OSX ###
 2 | *.DS_Store
 3 | .AppleDouble
 4 | .LSOverride
 5 | 
 6 | # Icon must end with two 
 7 | Icon
 8 | # Thumbnails
 9 | ._*
10 | # Files that might appear in the root of a volume
11 | .DocumentRevisions-V100
12 | .fseventsd
13 | .Spotlight-V100
14 | .TemporaryItems
15 | .Trashes
16 | .VolumeIcon.icns
17 | .com.apple.timemachine.donotpresent
18 | # Directories potentially created on remote AFP share
19 | .AppleDB
20 | .AppleDesktop
21 | Network Trash Folder
22 | Temporary Items
23 | .apdisk
24 | 
25 | ### Node ###
26 | # Logs
27 | logs
28 | *.log
29 | npm-debug.log*
30 | 
31 | # Runtime data
32 | pids
33 | *.pid
34 | *.seed
35 | *.pid.lock
36 | 
37 | # Directory for instrumented libs generated by jscoverage/JSCover
38 | lib-cov
39 | 
40 | # Coverage directory used by tools like istanbul
41 | coverage
42 | 
43 | # nyc test coverage
44 | .nyc_output
45 | 
46 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
47 | .grunt
48 | 
49 | # node-waf configuration
50 | .lock-wscript
51 | 
52 | # Compiled binary addons (http://nodejs.org/api/addons.html)
53 | build/Release
54 | 
55 | # Dependency directories
56 | node_modules
57 | jspm_packages
58 | yarn.lock
59 | 
60 | # Optional npm cache directory
61 | .npm
62 | 
63 | # Optional eslint cache
64 | .eslintcache
65 | 
66 | # Optional REPL history
67 | .node_repl_history
68 | 
69 | # Output of 'npm pack'
70 | *.tgz
71 | 
72 | # Yarn Integrity file
73 | .yarn-integrity
74 | 
75 | # Nuxt build
76 | .nuxt
77 | 
78 | # Nuxt generate
79 | dist


--------------------------------------------------------------------------------
/.postcssrc:
--------------------------------------------------------------------------------
1 | {
2 |   "plugins": {
3 |     "autoprefixer": {}
4 |   }
5 | }


--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // Use IntelliSense to learn about possible attributes.
 3 |   // Hover to view descriptions of existing attributes.
 4 |   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 5 |   "version": "0.2.0",
 6 |   "configurations": [
 7 |     {
 8 |       "type": "node",
 9 |       "request": "launch",
10 |       "name": "Launch Program",
11 |       "program": "${file}"
12 |     }
13 |   ]
14 | }


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Sarah Drasner
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Three Vue Pattern
 2 | 
 3 | This project brings together a few concepts, outlined below:
 4 | 
 5 | ## Three.js, Vue, and LUIS
 6 | 
 7 | I have wanted to be able to update a three.js visualization on the fly with Vue for a little while ago. This app started with the base concepts outlined in [this repo](https://github.com/colordodge/ThreeJS_Kaleidoscope) and refactors/extends them to be manipulated by your emotion based on speech. You can update the visualization (through state in Vuex) by using [LUIS](https://aka.ms/luishome) to analyze your speech.
 8 | 
 9 | [LUIS](https://aka.ms/luishome) is a machine learning based service to build natural language through the use of custom models that can continuously improve. We can use this for apps, bots, and even IoT devices. Here we're guiding our visualization, first by telling it our mood, and then we're able to control with it with our voice to update it on the fly and without the use of our hands. The purpose of this demo is to create a biofeedback visualization for those who are trying to guide themselves through healing. There's more information in my Live and Machine Learn talk that I will be giving at Microsoft Build, and possibly a subsequent article.
10 | 
11 | ![demo-image](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/demo-ex.png)
12 | 
13 | This project was created in collaboration with [Brian Holt](https://github.com/btholt).
14 | 
15 | ---
16 | 
17 | To install dependencies and set up a dev server, run:
18 | 
19 | ```
20 | yarn
21 | yarn serve
22 | ```
23 | 
24 | This will set up a server at `localhost:8080`.
25 | 


--------------------------------------------------------------------------------
/docs/css/app.56f2549f.css:
--------------------------------------------------------------------------------
  1 | canvas[data-v-b8d44556] {
  2 |   height: 150px;
  3 | }
  4 | button[data-v-4fcce4f0] {
  5 |   border-radius: 1000px;
  6 |   background: red;
  7 |   width: 80px;
  8 |   height: 80px;
  9 |   border: none;
 10 |   outline: 0;
 11 |   cursor: pointer;
 12 |   margin-top: 10px;
 13 |   -webkit-transition: all 0.3s ease-out;
 14 |   transition: all 0.3s ease-out;
 15 | }
 16 | button.disabled[data-v-4fcce4f0] {
 17 |   background: #ccc;
 18 |   cursor: none;
 19 | }
 20 | div[data-v-a98b1596] {
 21 |   background: #000;
 22 | }
 23 | button[data-v-a98b1596] {
 24 |   border: none;
 25 |   outline: none;
 26 |   padding: 12px 15px 10px;
 27 |   background: #333;
 28 |   color: #fff;
 29 |   font-family: Josefin Sans, sans-serif;
 30 |   font-size: 16px;
 31 |   border-radius: 5px;
 32 |   cursor: pointer;
 33 |   -webkit-transition: all 0.2s ease;
 34 |   transition: all 0.2s ease;
 35 | }
 36 | button[data-v-a98b1596]:hover {
 37 |   background: #444;
 38 | }
 39 | main[data-v-ddfa84b8] {
 40 |   margin-top: 40px;
 41 |   padding: 20px 20px 40px;
 42 |   text-align: center;
 43 |   background: #000;
 44 |   position: absolute;
 45 |   top: 20px;
 46 |   left: 50%;
 47 |   width: 500px;
 48 |   margin-left: -250px;
 49 | }
 50 | h1[data-v-ddfa84b8] {
 51 |   color: #f5f5f5;
 52 | }
 53 | p.big[data-v-ddfa84b8] {
 54 |   font-size: 20px;
 55 |   line-height: 1.5;
 56 | }
 57 | span[data-v-ddfa84b8] {
 58 |   color: #a8a7a7;
 59 | }
 60 | div[data-v-69bb8ec4] {
 61 |   position: absolute;
 62 |   text-align: center;
 63 |   bottom: 30px;
 64 |   left: 50%;
 65 |   margin-left: -50px;
 66 |   width: 135px;
 67 | }
 68 | button[data-v-69bb8ec4] {
 69 |   border: none;
 70 |   outline: none;
 71 |   padding: 12px 15px 10px;
 72 |   background: #333;
 73 |   color: #fff;
 74 |   font-family: Josefin Sans, sans-serif;
 75 |   font-size: 16px;
 76 |   border-radius: 5px;
 77 |   cursor: pointer;
 78 |   -webkit-transition: all 0.2s ease;
 79 |   transition: all 0.2s ease;
 80 | }
 81 | button[data-v-69bb8ec4]:hover {
 82 |   background: #444;
 83 | }
 84 | main[data-v-6bc156ea] {
 85 |   margin-top: 40px;
 86 |   padding: 20px 20px 40px;
 87 |   text-align: center;
 88 |   background: #000;
 89 |   position: absolute;
 90 |   top: 20px;
 91 |   left: 50%;
 92 |   width: 500px;
 93 |   margin-left: -250px;
 94 | }
 95 | h1[data-v-6bc156ea] {
 96 |   color: #f5f5f5;
 97 | }
 98 | p.big[data-v-6bc156ea] {
 99 |   font-size: 20px;
100 |   line-height: 1.5;
101 | }
102 | span[data-v-6bc156ea] {
103 |   color: #a8a7a7;
104 | }
105 | body {
106 |   margin: 0;
107 |   overflow: hidden;
108 |   background-color: #000;
109 |   font-family: Josefin Sans, sans-serif;
110 |   font-weight: 300;
111 |   color: #fff;
112 |   display: -webkit-box;
113 |   display: -ms-flexbox;
114 |   display: flex;
115 |   -webkit-box-pack: center;
116 |   -ms-flex-pack: center;
117 |   justify-content: center;
118 |   -ms-flex-line-pack: center;
119 |   align-content: center;
120 | }
121 | canvas {
122 |   width: 100%;
123 |   height: 100%;
124 | }
125 | 


--------------------------------------------------------------------------------
/docs/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sdras/three-vue-pattern/cf00595d6fc3901c81d142e20474599b811870ed/docs/favicon.ico


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <meta charset=utf-8>
 6 |   <meta http-equiv=X-UA-Compatible content="IE=edge">
 7 |   <meta name=viewport content="width=device-width,initial-scale=1">
 8 |   <link rel="shortcut icon" href=favicon.ico>
 9 |   <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,600" rel=stylesheet>
10 |   <title>three-vue-kaleidoscope</title>
11 |   <link href=css/app.56f2549f.css rel=preload as=style>
12 |   <link href=js/app.11df425d.js rel=preload as=script>
13 |   <link href=js/chunk-vendors.7ee3254a.js rel=preload as=script>
14 |   <link href=css/app.56f2549f.css rel=stylesheet>
15 | </head>
16 | 
17 | <body><noscript><strong>We're sorry but three-vue-kaleidoscope doesn't work properly without JavaScript enabled. Please
18 |       enable it to continue.</strong></noscript>
19 |   <div id=app></div>
20 |   <script src=js/chunk-vendors.7ee3254a.js> </script> <script src=js/app.11df425d.js> </script> </body> </html>


--------------------------------------------------------------------------------
/docs/js/app.11df425d.js:
--------------------------------------------------------------------------------
1 | (function(e){function t(t){for(var i,o,a=t[0],c=t[1],u=t[2],d=0,l=[];d<a.length;d++)o=a[d],r[o]&&l.push(r[o][0]),r[o]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);p&&p(t);while(l.length)l.shift()();return s.push.apply(s,u||[]),n()}function n(){for(var e,t=0;t<s.length;t++){for(var n=s[t],i=!0,a=1;a<n.length;a++){var c=n[a];0!==r[c]&&(i=!1)}i&&(s.splice(t--,1),e=o(o.s=n[0]))}return e}var i={},r={app:0},s=[];function o(t){if(i[t])return i[t].exports;var n=i[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=i,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)o.d(n,i,function(t){return e[t]}.bind(null,i));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],c=a.push.bind(a);a.push=t,a=a.slice();for(var u=0;u<a.length;u++)t(a[u]);var p=c;s.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},2856:function(e,t,n){},"2ecc":function(e,t,n){"use strict";var i=n("793f"),r=n.n(i);r.a},"3d94":function(e,t,n){"use strict";var i=n("c8db"),r=n.n(i);r.a},"56d7":function(e,t,n){"use strict";n.r(t);n("cadf"),n("551c"),n("097d");var i=n("2b0e"),r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"app"}},["None"===e.intent?n("app-recordintent"):e._e(),"None"!==e.intent?n("app-recordintensity",{attrs:{emotion:e.intent}}):e._e(),"Excited"===e.intent?n("app-base",{attrs:{"t-config":1,"t-config":200}}):e._e(),"Nervous"===e.intent?n("app-base",{attrs:{"t-config":1,color:16711680,wireframe:!0,rainbow:!1,emissive:!0}}):e._e(),"Happy"===e.intent?n("app-base",{attrs:{"t-config":1,"t-config":10}}):e._e(),"Frustrated"===e.intent?n("app-base",{attrs:{"t-config":1,"t-config":3,rainbow:!1,color:3761384}}):e._e(),"Calm"===e.intent?n("app-base",{attrs:{"t-config":1}}):e._e(),"Tipsy"===e.intent?n("app-base"):e._e()],1)},s=[],o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div")},a=[],c=(n("c5f6"),n("5a89")),u={props:{numAxes:{type:Number,default:12,required:!1},scale:{type:Number,default:900,required:!1},wireframe:{type:Boolean,default:!1,required:!1},rainbow:{type:Boolean,default:!0,required:!1},emissive:{type:Boolean,default:!1,required:!1},color:{type:[Number,String],default:65535,required:!1},tConfig:{default:function(){return{a:2,b:3,c:100,d:3}},required:!1}},computed:{shapeZoom:function(){return this.$store.state.zoom}},data:function(){return{bufferScene:new c["o"],bufferCamera:new c["m"](75,1,.1,1e3),bufferTexture:new c["s"](800,800,{minFilter:c["f"],magFilter:c["e"],antialias:!0}),camera:new c["l"](window.innerWidth/-2,window.innerWidth/2,window.innerHeight/2,window.innerHeight/-2,.1,1e3),renderer:new c["t"]({antialias:!0}),scene:new c["o"],storeRAF:null,torusKnot:null,tileHolder:new c["k"],bufferSize:800,isPaused:!1}},watch:{shapeZoom:function(){this.createShapes(),cancelAnimationFrame(this.storeRAF),this.animate()}},methods:{createShapes:function(){this.bufferCamera.position.z=this.shapeZoom,null!==this.torusKnot&&(this.torusKnot.material.dispose(),this.torusKnot.geometry.dispose(),this.bufferScene.remove(this.torusKnot));var e,t=new c["p"](this.tConfig.a,this.tConfig.b,this.tConfig.c,this.tConfig.d);e=this.rainbow?new c["i"]({wireframe:this.wireframe}):new c["j"]({color:this.color,shininess:90,wireframe:this.wireframe,emissive:this.emissive?4297706:0}),this.torusKnot=new c["g"](t,e),this.torusKnot.material.needsUpdate=!0,this.bufferScene.add(this.torusKnot)},animate:function(){this.storeRAF=requestAnimationFrame(this.animate),this.bufferScene.rotation.x+=.01,this.bufferScene.rotation.y+=.02,this.renderer.render(this.bufferScene,this.bufferCamera,this.bufferTexture),this.renderer.render(this.scene,this.camera)},updateGridGeometry:function(){this.scene.remove(this.tileHolder);var e,t,n,i=0,r=this.numAxes,s=2*Math.PI/r,o=1,a=new c["d"];a.vertices.push(new c["r"](0,0,0));var u,p,d,l=new c["q"](o*Math.cos(0),o*Math.sin(0)),f=new c["q"](o*Math.cos(t),o*Math.sin(t)),h=l.distanceTo(f),m=h/2,b=o,v=Math.sqrt(b*b-m*m);this.numAxes%6?(e=this.numAxes/4,t=2*Math.PI/4,n=0,u=2*b,p=b,d=b):(e=this.numAxes/6,t=2*Math.PI/6,n=t/2,u=2*v,p=b+m,d=v);for(var w=0;w<r;w++){var g,y,_=w%e,S=_/e,A=Math.floor(w/e),O=t*A,j=t*(A+1);if(0==_)g=o*Math.cos(i),y=o*Math.sin(i);else{var x=o*Math.cos(O),I=o*Math.sin(O),L=o*Math.cos(j),M=o*Math.sin(j);g=x+(L-x)*S,y=I+(M-I)*S}a.vertices.push(new c["r"](g,y,0)),i+=s}for(w=0;w<r;w++){var q=w+1,C=w+2;C>r&&(C=1),a.faces.push(new c["c"](0,q,C))}a.computeBoundingSphere(),a.computeBoundingBox(),a.faceVertexUvs[0]=[];var $=1/e,E=1-$,R=E/2,N=1-E/2;for(w=0;w<a.faces.length;w++)w%2?a.faceVertexUvs[0].push([new c["q"](.5,0),new c["q"](R,1),new c["q"](N,1)]):a.faceVertexUvs[0].push([new c["q"](.5,0),new c["q"](N,1),new c["q"](R,1)]);a.uvsNeedUpdate=!0;var k=new c["k"];this.tileHolder.add(k);var H=this.scale/3,z=new c["h"]({map:this.bufferTexture,side:c["b"]}),B=new c["g"](a,z);B.scale.set(H,H,1),B.rotation.z=n,k.add(B);var P=15;for(w=0;w<P;w++){var W=B.clone();W.position.x-=u*H*(w+1),k.add(W);var T=B.clone();T.position.x+=u*H*(w+1),k.add(T)}var U=10;for(w=0;w<U;w++){var F=k.clone();F.position.y+=p*H*(w+1),w%2||(F.position.x+=d*H),this.tileHolder.add(F);var K=k.clone();K.position.y-=p*H*(w+1),w%2||(K.position.x+=d*H),this.tileHolder.add(K)}this.scene.add(this.tileHolder)},init:function(){this.camera.position.z=5,this.renderer.setSize(window.innerWidth,window.innerHeight),document.body.appendChild(this.renderer.domElement),this.createShapes();var e=new c["n"](4210752);e.position.set(0,50,-200),this.bufferScene.add(e);var t=new c["a"](4210752);this.scene.add(t);var n=new c["n"](16777215);n.position.set(-100,200,100),this.scene.add(n),this.updateGridGeometry(this.scene),this.animate();var i=this;window.addEventListener("resize",function(){var e=window.innerWidth,t=window.innerHeight;i.renderer.setSize(e,t),i.camera.left=window.innerWidth/-2,i.camera.right=window.innerWidth/2,i.camera.top=window.innerHeight/2,i.camera.bottom=window.innerHeight/-2,i.camera.updateProjectionMatrix()})}},mounted:function(){this.init()}},p=u,d=(n("cadf6"),n("2877")),l=Object(d["a"])(p,o,a,!1,null,"3f6dadb2",null);l.options.__file="AppBase.vue";var f=l.exports,h=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main",[n("h1",[e._v("How do you feel?")]),e._m(0),e._m(1),n("app-recordinglogic")],1)},m=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",{staticClass:"big"},[n("span",[e._v("Some options... ")]),n("br"),n("em",[e._v("excited, nervous, frustrated, happy, calm, tipsy")])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[n("span",[e._v("Hit the button and start recording")])])}],b=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",["None"===e.intent||e.aborted?n("app-buttonrecord",{attrs:{aborted:e.aborted},on:{isaborted:function(t){e.aborted=t}}}):e._e(),"listening"===e.uiState||"None"!==e.intent&&!1===e.aborted?n("div",[n("app-sineloader"),n("button",{on:{click:e.aborting}},[e._v("Abort Recording")])],1):e._e()],1)},v=[],w=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("canvas",{ref:"waves"})},g=[],y=n("9ee3"),_={methods:{waves:function(){new y({el:this.$refs.waves,speed:20,ease:"SineInOut",wavesWidth:"50%",waves:[{timeModifier:4,lineWidth:1,amplitude:-25,wavelength:25},{timeModifier:2,lineWidth:1,amplitude:-10,wavelength:30},{timeModifier:1,lineWidth:1,amplitude:-30,wavelength:30},{timeModifier:3,lineWidth:1,amplitude:40,wavelength:40},{timeModifier:.5,lineWidth:1,amplitude:-60,wavelength:60},{timeModifier:1.3,lineWidth:1,amplitude:-40,wavelength:40}],resizeEvent:function(){var e=this.ctx.createLinearGradient(0,0,this.width,0);e.addColorStop(0,"rgba(25, 255, 255, 0)"),e.addColorStop(.5,"rgba(255, 25, 255, 0.75)"),e.addColorStop(1,"rgba(255, 255, 25, 0");var t=-1,n=this.waves.length;while(++t<n)this.waves[t].strokeStyle=e;t=void 0,n=void 0,e=void 0}})}},mounted:function(){this.waves()}},S=_,A=(n("6cc7"),Object(d["a"])(S,w,g,!1,null,"b8d44556",null));A.options.__file="AppSineloader.vue";var O=A.exports,j=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("button",{class:{disabled:"listening"===e.uiState},on:{click:e.getNewIntent}})])},x=[],I={props:{aborted:{type:Boolean,default:!1,required:!0}},computed:{uiState:function(){return this.$store.state.uiState}},methods:{getNewIntent:function(){this.$store.dispatch("getSpeech"),this.$emit("isaborted",!1)}}},L=I,M=(n("3d94"),Object(d["a"])(L,j,x,!1,null,"4fcce4f0",null));M.options.__file="AppButtonrecord.vue";var q=M.exports,C={components:{AppSineloader:O,AppButtonrecord:q},data:function(){return{aborted:!1}},computed:{intent:function(){return this.$store.state.intent},uiState:function(){return this.$store.state.uiState}},methods:{aborting:function(){this.$store.commit("abortRecording"),this.aborted=!0}}},$=C,E=(n("c6aa"),Object(d["a"])($,b,v,!1,null,"a98b1596",null));E.options.__file="AppRecordinglogic.vue";var R=E.exports,N={components:{AppRecordinglogic:R,AppButtonrecord:q},computed:{uiState:function(){return this.$store.state.uiState}}},k=N,H=(n("f1ec"),Object(d["a"])(k,h,m,!1,null,"ddfa84b8",null));H.options.__file="AppRecordintent.vue";var z=H.exports,B=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("main",[n("h1",{staticClass:"emotion"},[e._v("Feeling "+e._s(e.emotion))]),n("h3",[e._v("Change the intensity!")]),e._m(0),n("app-recordinglogic")],1),n("app-refresh")],1)},P=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",{staticClass:"big"},[n("span",[e._v("Some options... ")]),n("em",[e._v("more, less")])])}],W=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("button",{on:{click:e.refresh}},[e._v("Start again")])])},T=[],U={methods:{refresh:function(){location.reload()}}},F=U,K=(n("c014"),Object(d["a"])(F,W,T,!1,null,"69bb8ec4",null));K.options.__file="AppRefresh.vue";var G=K.exports,Z={components:{AppRecordinglogic:R,AppRefresh:G},props:{emotion:{default:"Excited",required:!0}}},V=Z,J=(n("2ecc"),Object(d["a"])(V,B,P,!1,null,"6bc156ea",null));J.options.__file="AppRecordintensity.vue";var D=J.exports,Q={components:{AppBase:f,AppRecordintent:z,AppRecordintensity:D},computed:{intent:function(){return this.$store.getters.intentStr}}},X=Q,Y=(n("5c0b"),Object(d["a"])(X,r,s,!1,null,null,null));Y.options.__file="App.vue";var ee,te=Y.exports,ne=n("a322"),ie=(n("6762"),n("2fdb"),n("a481"),n("2f62")),re=n("bc3a"),se=n.n(re);i["a"].use(ie["a"]);var oe=window.SpeechRecognition||window.webkitSpeechRecognition,ae=(window.SpeechGrammarList||window.webkitSpeechGrammarList,window.SpeechRecognitionEvent||window.webkitSpeechRecognitionEvent,new oe);ae.lang="en-US",ae.interimResults=!1,ae.maxAlternatives=1;var ce=new ie["a"].Store({state:{counter:0,intent:"None",intensity:"None",score:0,uiState:"idle",zoom:3},getters:{intentStr:function(e){var t=e.intent;return t=t.replace(/\b(App.)\b/gi,""),t},intensityStr:function(e){var t=e.intensity;return t=t.replace(/\b(Intensity.)\b/gi,""),t}},mutations:{newIntent:function(e,t){var n=t.intent,i=t.score;n.includes("Intensity")?(e.intensity=n,n.includes("More")?e.counter++:n.includes("Less")&&e.counter--):e.intent=n,e.score=i},setUiState:function(e,t){e.uiState=t},setIntent:function(e,t){e.intent=t},abortRecording:function(e){ae.abort(),e.uiState="idle"},setZoom:function(e){var t=e.intent;switch(t){case"App.Excited":e.zoom=2+e.counter;break;case"App.Nervous":e.zoom=2+e.counter;break;case"App.Happy":e.zoom=2+e.counter;break;case"App.Tipsy":e.zoom=1+e.counter;break;default:e.zoom=3+e.counter}}},actions:{getSpeech:function(e){var t=e.dispatch,n=e.commit,i=e.state;n("setUiState","listening"),"None"===i.intent?ae.continuous=!0:ae.continuous=!1,ae.start(),ae.onresult=function(e){var n=e.results.length-1,i=e.results[n][0].transcript;t("getUnderstanding",i)}},getUnderstanding:function(e,t){var n=e.commit;n("setUiState","fetching");var i="https://westus.api.cognitive.microsoft.com/luis/v2.0/apps/4aba2274-c5df-4b0d-8ff7-57658254d042";se()({method:"get",url:i,params:{verbose:!0,timezoneOffset:0,q:t},headers:{"Content-Type":"application/json","Ocp-Apim-Subscription-Key":"6c85f08d11e84b59b655b8a919b9e286"}}).then(function(e){var t=e.data;console.log("axios result",t),ue.hasOwnProperty(t.query)?n("newIntent",{intent:ue[t.query],score:1}):n("newIntent",t.topScoringIntent),n("setUiState","idle"),n("setZoom")}).catch(function(e){console.error("axios error",e)})}}}),ue=(ee={gypsy:"App.Tipsy",call:"App.Calm",Les:"Intensity.Less",bus:"Intensity.Less",Bus:"Intensity.Less",plus:"Intensity.Less",Plus:"Intensity.Less",last:"Intensity.Less",Last:"Intensity.Less",Rush:"Intensity.Less",bless:"Intensity.Less",Bless:"Intensity.Less",Bess:"Intensity.Less",bess:"Intensity.Less",best:"Intensity.Less",birth:"Intensity.Less",love:"Intensity.Less"},Object(ne["a"])(ee,"plus","Intensity.Less"),Object(ne["a"])(ee,"glad","Intensity.Less"),Object(ne["a"])(ee,"louis","Intensity.Less"),Object(ne["a"])(ee,"glass","Intensity.Less"),Object(ne["a"])(ee,"let","Intensity.Less"),Object(ne["a"])(ee,"lek","Intensity.Less"),Object(ne["a"])(ee,"lek","Intensity.Less"),Object(ne["a"])(ee,"west","Intensity.Less"),Object(ne["a"])(ee,"West","Intensity.Less"),Object(ne["a"])(ee,"ad","Intensity.More"),Object(ne["a"])(ee,"mall","Intensity.More"),Object(ne["a"])(ee,"mirrors","App.Nervous"),Object(ne["a"])(ee,"hobby","App.Happy"),Object(ne["a"])(ee,"heavy","App.Happy"),Object(ne["a"])(ee,"faded","App.Excited"),Object(ne["a"])(ee,"phelan","App.Excited"),Object(ne["a"])(ee,"home","App.Calm"),Object(ne["a"])(ee,"call","App.Calm"),Object(ne["a"])(ee,"hull","App.Calm"),Object(ne["a"])(ee,"paris","App.Nervous"),Object(ne["a"])(ee,"Paris","App.Nervous"),Object(ne["a"])(ee,"nurse","App.Nervous"),Object(ne["a"])(ee,"tipton","App.Tipsy"),ee);i["a"].config.productionTip=!1,new i["a"]({store:ce,render:function(e){return e(te)}}).$mount("#app")},"5c0b":function(e,t,n){"use strict";var i=n("2856"),r=n.n(i);r.a},"6cc7":function(e,t,n){"use strict";var i=n("95d3"),r=n.n(i);r.a},"793f":function(e,t,n){},"89ff":function(e,t,n){},"950c":function(e,t,n){},"95d3":function(e,t,n){},a44b:function(e,t,n){},c014:function(e,t,n){"use strict";var i=n("89ff"),r=n.n(i);r.a},c404:function(e,t,n){},c6aa:function(e,t,n){"use strict";var i=n("a44b"),r=n.n(i);r.a},c8db:function(e,t,n){},cadf6:function(e,t,n){"use strict";var i=n("c404"),r=n.n(i);r.a},f1ec:function(e,t,n){"use strict";var i=n("950c"),r=n.n(i);r.a}});
2 | //# sourceMappingURL=app.11df425d.js.map


--------------------------------------------------------------------------------
/docs/js/app.11df425d.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/AppRecordintensity.vue?0fc2","webpack:///./src/components/AppButtonrecord.vue?a48f","webpack:///./src/App.vue?ad0a","webpack:///./src/components/AppBase.vue?a7c0","webpack:///src/components/AppBase.vue","webpack:///./src/components/AppBase.vue?7503","webpack:///./src/components/AppBase.vue","webpack:///./src/components/AppRecordintent.vue?82b4","webpack:///./src/components/AppRecordinglogic.vue?fec1","webpack:///./src/components/AppSineloader.vue?528e","webpack:///src/components/AppSineloader.vue","webpack:///./src/components/AppSineloader.vue?7645","webpack:///./src/components/AppSineloader.vue","webpack:///./src/components/AppButtonrecord.vue?ab9d","webpack:///src/components/AppButtonrecord.vue","webpack:///./src/components/AppButtonrecord.vue?fdaf","webpack:///./src/components/AppButtonrecord.vue","webpack:///src/components/AppRecordinglogic.vue","webpack:///./src/components/AppRecordinglogic.vue?d006","webpack:///./src/components/AppRecordinglogic.vue","webpack:///src/components/AppRecordintent.vue","webpack:///./src/components/AppRecordintent.vue?fb3d","webpack:///./src/components/AppRecordintent.vue","webpack:///./src/components/AppRecordintensity.vue?dc53","webpack:///./src/components/AppRefresh.vue?edf0","webpack:///src/components/AppRefresh.vue","webpack:///./src/components/AppRefresh.vue?e75e","webpack:///./src/components/AppRefresh.vue","webpack:///src/components/AppRecordintensity.vue","webpack:///./src/components/AppRecordintensity.vue?a0fd","webpack:///./src/components/AppRecordintensity.vue","webpack:///src/App.vue","webpack:///./src/App.vue?a7d1","webpack:///./src/App.vue","webpack:///./src/store.js","webpack:///./src/main.js","webpack:///./src/App.vue?c0ea","webpack:///./src/components/AppSineloader.vue?0dbd","webpack:///./src/components/AppRefresh.vue?c870","webpack:///./src/components/AppRecordinglogic.vue?4b69","webpack:///./src/components/AppBase.vue?cbbd","webpack:///./src/components/AppRecordintent.vue?f40a"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","app","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppRecordintensity_vue_vue_type_style_index_0_id_6bc156ea_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppRecordintensity_vue_vue_type_style_index_0_id_6bc156ea_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppButtonrecord_vue_vue_type_style_index_0_id_4fcce4f0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppButtonrecord_vue_vue_type_style_index_0_id_4fcce4f0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","Appvue_type_template_id_574c2228_render","_vm","this","_h","$createElement","_c","_self","attrs","id","intent","_e","emotion","t-config","color","wireframe","rainbow","emissive","staticRenderFns","AppBasevue_type_template_id_3f6dadb2_scoped_true_render","AppBasevue_type_template_id_3f6dadb2_scoped_true_staticRenderFns","AppBasevue_type_script_lang_js_","props","numAxes","type","Number","default","required","scale","Boolean","String","tConfig","a","b","computed","shapeZoom","$store","state","zoom","bufferScene","three_module","bufferCamera","bufferTexture","minFilter","magFilter","antialias","camera","innerWidth","innerHeight","renderer","scene","storeRAF","torusKnot","tileHolder","bufferSize","isPaused","watch","createShapes","cancelAnimationFrame","animate","methods","position","z","material","dispose","geometry","remove","shape","shininess","needsUpdate","add","requestAnimationFrame","rotation","x","y","render","updateGridGeometry","snapStep","stepAngle","rotOffset","theta","numSteps","step","Math","PI","radius","tileGeometry","vertices","tileWidth","tileHeight","tileRowOffset","p1","cos","sin","p2","dist","distanceTo","sqrt","mod","ratio","floor","angle1","angle2","x1","y1","x2","y2","v1","v2","faces","computeBoundingSphere","computeBoundingBox","faceVertexUvs","mapWidth","diff","mapLeft","mapRight","uvsNeedUpdate","tileRow","tileMat","map","side","tileMesh","set","tileCountX","tileMeshLeft","clone","tileMeshRight","tileCountY","tileRowTop","tileRowBottom","init","setSize","document","body","appendChild","domElement","pointLight","ambientLight","pointLight3","vuethis","addEventListener","WIDTH","HEIGHT","left","right","top","bottom","updateProjectionMatrix","mounted","components_AppBasevue_type_script_lang_js_","component","componentNormalizer","options","__file","AppBase","AppRecordintentvue_type_template_id_ddfa84b8_scoped_true_render","_v","_m","AppRecordintentvue_type_template_id_ddfa84b8_scoped_true_staticRenderFns","staticClass","AppRecordinglogicvue_type_template_id_a98b1596_scoped_true_render","aborted","on","isaborted","$event","uiState","click","aborting","AppRecordinglogicvue_type_template_id_a98b1596_scoped_true_staticRenderFns","AppSineloadervue_type_template_id_b8d44556_scoped_true_render","ref","AppSineloadervue_type_template_id_b8d44556_scoped_true_staticRenderFns","AppSineloadervue_type_script_lang_js_","waves","sine_waves","el","$refs","speed","ease","wavesWidth","timeModifier","lineWidth","amplitude","wavelength","resizeEvent","gradient","ctx","createLinearGradient","width","addColorStop","index","strokeStyle","components_AppSineloadervue_type_script_lang_js_","AppSineloader_component","AppSineloader","AppButtonrecordvue_type_template_id_4fcce4f0_scoped_true_render","class","disabled","getNewIntent","AppButtonrecordvue_type_template_id_4fcce4f0_scoped_true_staticRenderFns","AppButtonrecordvue_type_script_lang_js_","dispatch","$emit","components_AppButtonrecordvue_type_script_lang_js_","AppButtonrecord_component","AppButtonrecord","AppRecordinglogicvue_type_script_lang_js_","components","commit","components_AppRecordinglogicvue_type_script_lang_js_","AppRecordinglogic_component","AppRecordinglogic","AppRecordintentvue_type_script_lang_js_","components_AppRecordintentvue_type_script_lang_js_","AppRecordintent_component","AppRecordintent","AppRecordintensityvue_type_template_id_6bc156ea_scoped_true_render","_s","AppRecordintensityvue_type_template_id_6bc156ea_scoped_true_staticRenderFns","AppRefreshvue_type_template_id_69bb8ec4_scoped_true_render","refresh","AppRefreshvue_type_template_id_69bb8ec4_scoped_true_staticRenderFns","AppRefreshvue_type_script_lang_js_","location","reload","components_AppRefreshvue_type_script_lang_js_","AppRefresh_component","AppRefresh","AppRecordintensityvue_type_script_lang_js_","components_AppRecordintensityvue_type_script_lang_js_","AppRecordintensity_component","AppRecordintensity","Appvue_type_script_lang_js_","getters","intentStr","src_Appvue_type_script_lang_js_","App_component","App","Vue","use","Vuex","SpeechRecognition","webkitSpeechRecognition","recognition","SpeechGrammarList","webkitSpeechGrammarList","SpeechRecognitionEvent","webkitSpeechRecognitionEvent","lang","interimResults","maxAlternatives","store","Store","counter","intensity","score","str","replace","intensityStr","mutations","newIntent","_ref","includes","setUiState","status","setIntent","abortRecording","abort","setZoom","expr","actions","getSpeech","_ref2","continuous","start","onresult","event","last","results","phrase","transcript","getUnderstanding","_ref3","utterance","url","axios","method","params","verbose","timezoneOffset","q","headers","Content-Type","Ocp-Apim-Subscription-Key","then","_ref4","console","log","altMaps","query","topScoringIntent","catch","err","error","gypsy","Les","bus","Bus","plus","Plus","Last","Rush","bless","Bless","Bess","bess","best","birth","love","_altMaps","config","productionTip","h","$mount","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppSineloader_vue_vue_type_style_index_0_id_b8d44556_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppSineloader_vue_vue_type_style_index_0_id_b8d44556_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppRefresh_vue_vue_type_style_index_0_id_69bb8ec4_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppRefresh_vue_vue_type_style_index_0_id_69bb8ec4_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppRecordinglogic_vue_vue_type_style_index_0_id_a98b1596_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppRecordinglogic_vue_vue_type_style_index_0_id_a98b1596_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppBase_vue_vue_type_style_index_0_id_3f6dadb2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppBase_vue_vue_type_style_index_0_id_3f6dadb2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppRecordintent_vue_vue_type_style_index_0_id_ddfa84b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AppRecordintent_vue_vue_type_style_index_0_id_ddfa84b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/app.11df425d.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordintensity.vue?vue&type=style&index=0&id=6bc156ea&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordintensity.vue?vue&type=style&index=0&id=6bc156ea&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppButtonrecord.vue?vue&type=style&index=0&id=4fcce4f0&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppButtonrecord.vue?vue&type=style&index=0&id=4fcce4f0&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[(_vm.intent === 'None')?_c('app-recordintent'):_vm._e(),(_vm.intent !== 'None')?_c('app-recordintensity',{attrs:{\"emotion\":_vm.intent}}):_vm._e(),(_vm.intent === 'Excited')?_c('app-base',{attrs:{\"t-config\":1,\"t-config\":200}}):_vm._e(),(_vm.intent === 'Nervous')?_c('app-base',{attrs:{\"t-config\":1,\"color\":0xff0000,\"wireframe\":true,\"rainbow\":false,\"emissive\":true}}):_vm._e(),(_vm.intent === 'Happy')?_c('app-base',{attrs:{\"t-config\":1,\"t-config\":10}}):_vm._e(),(_vm.intent === 'Frustrated')?_c('app-base',{attrs:{\"t-config\":1,\"t-config\":3,\"rainbow\":false,\"color\":0x3964e8}}):_vm._e(),(_vm.intent === 'Calm')?_c('app-base',{attrs:{\"t-config\":1}}):_vm._e(),(_vm.intent === 'Tipsy')?_c('app-base'):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div></div>\n</template>\n\n<script>\nimport * as THREE from 'three'\n\nexport default {\n  props: {\n    numAxes: {\n      type: Number,\n      default: 12,\n      required: false\n    },\n    scale: {\n      type: Number,\n      default: 900,\n      required: false\n    },\n    wireframe: {\n      type: Boolean,\n      default: false,\n      required: false\n    },\n    rainbow: {\n      type: Boolean,\n      default: true,\n      required: false\n    },\n    emissive: {\n      type: Boolean,\n      default: false,\n      required: false\n    },\n    color: {\n      type: [Number, String],\n      default: 0x00ffff,\n      required: false\n    },\n    tConfig: {\n      default() {\n        return {\n          a: 2,\n          b: 3,\n          c: 100,\n          d: 3\n        }\n      },\n      required: false\n    }\n  },\n  computed: {\n    shapeZoom() {\n      return this.$store.state.zoom\n    }\n  },\n  data() {\n    return {\n      bufferScene: new THREE.Scene(),\n      bufferCamera: new THREE.PerspectiveCamera(75, 800 / 800, 0.1, 1000),\n      bufferTexture: new THREE.WebGLRenderTarget(800, 800, {\n        minFilter: THREE.LinearMipMapLinearFilter,\n        magFilter: THREE.LinearFilter,\n        antialias: true\n      }),\n      camera: new THREE.OrthographicCamera(\n        window.innerWidth / -2,\n        window.innerWidth / 2,\n        window.innerHeight / 2,\n        window.innerHeight / -2,\n        0.1,\n        1000\n      ),\n      renderer: new THREE.WebGLRenderer({ antialias: true }),\n      scene: new THREE.Scene(),\n      storeRAF: null,\n      torusKnot: null,\n      tileHolder: new THREE.Object3D(),\n      bufferSize: 800,\n      isPaused: false //at the end\n    }\n  },\n  watch: {\n    shapeZoom() {\n      this.createShapes()\n      cancelAnimationFrame(this.storeRAF)\n      this.animate()\n    }\n  },\n  methods: {\n    createShapes() {\n      this.bufferCamera.position.z = this.shapeZoom\n\n      if (this.torusKnot !== null) {\n        this.torusKnot.material.dispose()\n        this.torusKnot.geometry.dispose()\n        this.bufferScene.remove(this.torusKnot)\n      }\n\n      var shape = new THREE.TorusKnotGeometry(\n          this.tConfig.a,\n          this.tConfig.b,\n          this.tConfig.c,\n          this.tConfig.d\n        ),\n        material\n\n      if (this.rainbow) {\n        material = new THREE.MeshNormalMaterial({\n          wireframe: this.wireframe\n        })\n      } else {\n        material = new THREE.MeshPhongMaterial({\n          color: this.color,\n          shininess: 90,\n          wireframe: this.wireframe,\n          emissive: this.emissive ? 0x4193ea : 0x000000\n        })\n      }\n\n      this.torusKnot = new THREE.Mesh(shape, material)\n      this.torusKnot.material.needsUpdate = true\n\n      this.bufferScene.add(this.torusKnot)\n    },\n    animate() {\n      this.storeRAF = requestAnimationFrame(this.animate)\n\n      this.bufferScene.rotation.x += 0.01\n      this.bufferScene.rotation.y += 0.02\n\n      this.renderer.render(\n        this.bufferScene,\n        this.bufferCamera,\n        this.bufferTexture\n      )\n      this.renderer.render(this.scene, this.camera)\n    },\n    updateGridGeometry() {\n      this.scene.remove(this.tileHolder)\n\n      var theta = 0\n      var numSteps = this.numAxes\n      var step = 2 * Math.PI / numSteps\n      var radius = 1\n\n      var tileGeometry = new THREE.Geometry()\n      tileGeometry.vertices.push(new THREE.Vector3(0, 0, 0))\n\n      var snapStep // number of steps between simplified shape vertices\n      var stepAngle\n      var rotOffset\n\n      // compute tile width\n      var p1 = new THREE.Vector2(radius * Math.cos(0), radius * Math.sin(0))\n      var p2 = new THREE.Vector2(\n        radius * Math.cos(stepAngle),\n        radius * Math.sin(stepAngle)\n      )\n      var dist = p1.distanceTo(p2)\n      var a = dist / 2\n      var c = radius\n      var b = Math.sqrt(c * c - a * a)\n      var tileWidth\n      var tileHeight\n      var tileRowOffset\n\n      // find out if numAxes is factor of 4 or 6\n      if (!(this.numAxes % 6)) {\n        // factor of 6\n        snapStep = this.numAxes / 6\n        stepAngle = 2 * Math.PI / 6\n        rotOffset = stepAngle / 2\n\n        tileWidth = b * 2\n        tileHeight = c + a\n        tileRowOffset = b\n      } else {\n        // factor of 4\n        snapStep = this.numAxes / 4\n        stepAngle = 2 * Math.PI / 4\n        rotOffset = 0\n\n        tileWidth = c * 2\n        tileHeight = c\n        tileRowOffset = c\n      }\n\n      // add vertices\n      for (var i = 0; i < numSteps; i++) {\n        var mod = i % snapStep\n        var ratio = mod / snapStep\n        var position = Math.floor(i / snapStep)\n        var angle1 = stepAngle * position\n        var angle2 = stepAngle * (position + 1)\n        var x, y\n\n        if (mod == 0) {\n          // standard vertex position\n          x = radius * Math.cos(theta)\n          y = radius * Math.sin(theta)\n        } else {\n          // interpolate between angle1 and angle2\n          var x1 = radius * Math.cos(angle1)\n          var y1 = radius * Math.sin(angle1)\n\n          var x2 = radius * Math.cos(angle2)\n          var y2 = radius * Math.sin(angle2)\n\n          x = x1 + (x2 - x1) * ratio\n          y = y1 + (y2 - y1) * ratio\n        }\n\n        tileGeometry.vertices.push(new THREE.Vector3(x, y, 0))\n        theta += step\n      }\n\n      // add faces\n      for (var i = 0; i < numSteps; i++) {\n        var v1 = i + 1\n        var v2 = i + 2\n        if (v2 > numSteps) v2 = 1\n        tileGeometry.faces.push(new THREE.Face3(0, v1, v2))\n      }\n\n      tileGeometry.computeBoundingSphere()\n      tileGeometry.computeBoundingBox()\n\n      // set UV mapping\n      tileGeometry.faceVertexUvs[0] = []\n\n      var mapWidth = 1 / snapStep\n      var diff = 1 - mapWidth\n      var mapLeft = diff / 2\n      var mapRight = 1 - diff / 2\n\n      for (i = 0; i < tileGeometry.faces.length; i++) {\n        if (i % 2) {\n          tileGeometry.faceVertexUvs[0].push([\n            new THREE.Vector2(0.5, 0),\n            new THREE.Vector2(mapLeft, 1),\n            new THREE.Vector2(mapRight, 1)\n          ])\n        } else {\n          tileGeometry.faceVertexUvs[0].push([\n            new THREE.Vector2(0.5, 0),\n            new THREE.Vector2(mapRight, 1),\n            new THREE.Vector2(mapLeft, 1)\n          ])\n        }\n      }\n\n      tileGeometry.uvsNeedUpdate = true\n\n      var tileRow = new THREE.Object3D()\n      this.tileHolder.add(tileRow)\n\n      //this is the scale\n      var scale = this.scale / 3\n\n      var tileMat = new THREE.MeshBasicMaterial({\n        //main object\n        map: this.bufferTexture,\n        side: THREE.DoubleSide\n      })\n\n      var tileMesh = new THREE.Mesh(tileGeometry, tileMat)\n      tileMesh.scale.set(scale, scale, 1)\n      tileMesh.rotation.z = rotOffset\n      tileRow.add(tileMesh)\n\n      var tileCountX = 15\n      for (var i = 0; i < tileCountX; i++) {\n        var tileMeshLeft = tileMesh.clone()\n        tileMeshLeft.position.x -= tileWidth * scale * (i + 1)\n        tileRow.add(tileMeshLeft)\n\n        var tileMeshRight = tileMesh.clone()\n        tileMeshRight.position.x += tileWidth * scale * (i + 1)\n        tileRow.add(tileMeshRight)\n      }\n\n      var tileCountY = 10\n      for (var i = 0; i < tileCountY; i++) {\n        var tileRowTop = tileRow.clone()\n        tileRowTop.position.y += tileHeight * scale * (i + 1)\n        if (!(i % 2)) tileRowTop.position.x += tileRowOffset * scale\n        this.tileHolder.add(tileRowTop)\n\n        var tileRowBottom = tileRow.clone()\n        tileRowBottom.position.y -= tileHeight * scale * (i + 1)\n        if (!(i % 2)) tileRowBottom.position.x += tileRowOffset * scale\n        this.tileHolder.add(tileRowBottom)\n      }\n\n      this.scene.add(this.tileHolder)\n    },\n    init() {\n      this.camera.position.z = 5\n\n      this.renderer.setSize(window.innerWidth, window.innerHeight)\n      document.body.appendChild(this.renderer.domElement)\n\n      this.createShapes()\n\n      var pointLight = new THREE.PointLight(0x404040)\n      pointLight.position.set(0, 50, -200)\n      this.bufferScene.add(pointLight)\n\n      /// main scene objects\n      var ambientLight = new THREE.AmbientLight(0x404040)\n      this.scene.add(ambientLight)\n\n      var pointLight3 = new THREE.PointLight(0xffffff)\n      pointLight3.position.set(-100, 200, 100)\n      this.scene.add(pointLight3)\n\n      this.updateGridGeometry(this.scene)\n\n      //kick it off\n      this.animate()\n\n      //grumble\n      var vuethis = this\n\n      //update the canvas\n      window.addEventListener('resize', function() {\n        var WIDTH = window.innerWidth\n        var HEIGHT = window.innerHeight\n        vuethis.renderer.setSize(WIDTH, HEIGHT)\n\n        vuethis.camera.left = window.innerWidth / -2\n        vuethis.camera.right = window.innerWidth / 2\n        vuethis.camera.top = window.innerHeight / 2\n        vuethis.camera.bottom = window.innerHeight / -2\n        vuethis.camera.updateProjectionMatrix()\n      })\n    }\n  },\n  mounted() {\n    this.init()\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppBase.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppBase.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppBase.vue?vue&type=template&id=3f6dadb2&scoped=true&\"\nimport script from \"./AppBase.vue?vue&type=script&lang=js&\"\nexport * from \"./AppBase.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppBase.vue?vue&type=style&index=0&id=3f6dadb2&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3f6dadb2\",\n  null\n  \n)\n\ncomponent.options.__file = \"AppBase.vue\"\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[_c('h1',[_vm._v(\"How do you feel?\")]),_vm._m(0),_vm._m(1),_c('app-recordinglogic')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"big\"},[_c('span',[_vm._v(\"Some options... \")]),_c('br'),_c('em',[_vm._v(\"excited, nervous, frustrated, happy, calm, tipsy\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_c('span',[_vm._v(\"Hit the button and start recording\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.intent === 'None' || _vm.aborted)?_c('app-buttonrecord',{attrs:{\"aborted\":_vm.aborted},on:{\"isaborted\":function($event){_vm.aborted = $event}}}):_vm._e(),(_vm.uiState === 'listening' || \n          _vm.intent  !== 'None'      && \n          _vm.aborted === false)?_c('div',[_c('app-sineloader'),_c('button',{on:{\"click\":_vm.aborting}},[_vm._v(\"Abort Recording\")])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('canvas',{ref:\"waves\"})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <canvas ref=\"waves\"></canvas>\n</template>\n\n<script>\nimport * as SineWaves from 'sine-waves'\n\nexport default {\n  methods: {\n    waves() {\n      var waves = new SineWaves({\n        el: this.$refs.waves,\n        speed: 20,\n        ease: 'SineInOut',\n        wavesWidth: '50%',\n        waves: [\n          {\n            timeModifier: 4,\n            lineWidth: 1,\n            amplitude: -25,\n            wavelength: 25\n          },\n          {\n            timeModifier: 2,\n            lineWidth: 1,\n            amplitude: -10,\n            wavelength: 30\n          },\n          {\n            timeModifier: 1,\n            lineWidth: 1,\n            amplitude: -30,\n            wavelength: 30\n          },\n          {\n            timeModifier: 3,\n            lineWidth: 1,\n            amplitude: 40,\n            wavelength: 40\n          },\n          {\n            timeModifier: 0.5,\n            lineWidth: 1,\n            amplitude: -60,\n            wavelength: 60\n          },\n          {\n            timeModifier: 1.3,\n            lineWidth: 1,\n            amplitude: -40,\n            wavelength: 40\n          }\n        ],\n\n        // Called on window resize\n        resizeEvent: function() {\n          var gradient = this.ctx.createLinearGradient(0, 0, this.width, 0)\n          gradient.addColorStop(0, 'rgba(25, 255, 255, 0)')\n          gradient.addColorStop(0.5, 'rgba(255, 25, 255, 0.75)')\n          gradient.addColorStop(1, 'rgba(255, 255, 25, 0')\n\n          var index = -1\n          var length = this.waves.length\n          while (++index < length) {\n            this.waves[index].strokeStyle = gradient\n          }\n\n          // Clean Up\n          index = void 0\n          length = void 0\n          gradient = void 0\n        }\n      })\n    }\n  },\n  mounted() {\n    this.waves()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\ncanvas {\n  height: 150px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppSineloader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppSineloader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppSineloader.vue?vue&type=template&id=b8d44556&scoped=true&\"\nimport script from \"./AppSineloader.vue?vue&type=script&lang=js&\"\nexport * from \"./AppSineloader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppSineloader.vue?vue&type=style&index=0&id=b8d44556&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b8d44556\",\n  null\n  \n)\n\ncomponent.options.__file = \"AppSineloader.vue\"\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('button',{class:{ disabled: _vm.uiState === 'listening' },on:{\"click\":_vm.getNewIntent}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <button @click=\"getNewIntent\" :class=\"{ disabled: uiState === 'listening' }\"></button>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    aborted: {\n      type: Boolean,\n      default: false,\n      required: true\n    }\n  },\n  computed: {\n    uiState() {\n      return this.$store.state.uiState\n    }\n  },\n  methods: {\n    getNewIntent() {\n      this.$store.dispatch('getSpeech')\n      this.$emit('isaborted', false)\n    }\n  }\n}\n</script>\n\n<style scoped>\nbutton {\n  border-radius: 1000px;\n  background: red;\n  width: 80px;\n  height: 80px;\n  border: none;\n  outline: 0;\n  cursor: pointer;\n  margin-top: 10px;\n  transition: 0.3s all ease-out;\n}\n\nbutton.disabled {\n  background: #ccc;\n  cursor: none;\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppButtonrecord.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppButtonrecord.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppButtonrecord.vue?vue&type=template&id=4fcce4f0&scoped=true&\"\nimport script from \"./AppButtonrecord.vue?vue&type=script&lang=js&\"\nexport * from \"./AppButtonrecord.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppButtonrecord.vue?vue&type=style&index=0&id=4fcce4f0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4fcce4f0\",\n  null\n  \n)\n\ncomponent.options.__file = \"AppButtonrecord.vue\"\nexport default component.exports","<template>\n  <div>\n    <app-buttonrecord \n      v-if=\"intent === 'None' || aborted\" \n      @isaborted=\"aborted = $event\"\n      :aborted=\"aborted\"\n    />\n    <div \n      v-if=\"uiState === 'listening' || \n            intent  !== 'None'      && \n            aborted === false\"\n      >\n        <app-sineloader />\n        <button @click=\"aborting\">Abort Recording</button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport AppSineloader from './AppSineloader.vue'\nimport AppButtonrecord from './AppButtonrecord.vue'\n\nexport default {\n  components: {\n    AppSineloader,\n    AppButtonrecord\n  },\n  data() {\n    return {\n      aborted: false\n    }\n  },\n  computed: {\n    intent() {\n      return this.$store.state.intent\n    },\n    uiState() {\n      return this.$store.state.uiState\n    }\n  },\n  methods: {\n    aborting() {\n      this.$store.commit('abortRecording')\n      this.aborted = true\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\ndiv {\n  background: black;\n}\n\nbutton {\n  border: none;\n  outline: none;\n  padding: 12px 15px 10px;\n  background: #333;\n  color: white;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 16px;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: 0.2s all ease;\n  &:hover {\n    background: #444;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordinglogic.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordinglogic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppRecordinglogic.vue?vue&type=template&id=a98b1596&scoped=true&\"\nimport script from \"./AppRecordinglogic.vue?vue&type=script&lang=js&\"\nexport * from \"./AppRecordinglogic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppRecordinglogic.vue?vue&type=style&index=0&id=a98b1596&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a98b1596\",\n  null\n  \n)\n\ncomponent.options.__file = \"AppRecordinglogic.vue\"\nexport default component.exports","<template>\n  <main>\n    <h1>How do you feel?</h1>\n    <p class=\"big\"><span>Some options... </span><br>\n    <em>excited, nervous, frustrated, happy, calm, tipsy</em></p>\n    <p><span>Hit the button and start recording</span></p>\n    <app-recordinglogic />\n  </main>\n</template>\n\n<script>\nimport AppRecordinglogic from './AppRecordinglogic.vue'\nimport AppButtonrecord from './AppButtonrecord.vue'\n\nexport default {\n  components: {\n    AppRecordinglogic,\n    AppButtonrecord\n  },\n  computed: {\n    uiState() {\n      return this.$store.state.uiState\n    }\n  }\n}\n</script>\n\n<style scoped>\nmain {\n  margin-top: 40px;\n  padding: 20px 20px 40px;\n  text-align: center;\n  background: black;\n  position: absolute;\n  top: 20px;\n  left: 50%;\n  width: 500px;\n  margin-left: -250px;\n}\n\nh1 {\n  color: rgb(245, 245, 245);\n}\n\np.big {\n  font-size: 20px;\n  line-height: 1.5;\n}\n\nspan {\n  color: rgb(168, 167, 167);\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordintent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordintent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppRecordintent.vue?vue&type=template&id=ddfa84b8&scoped=true&\"\nimport script from \"./AppRecordintent.vue?vue&type=script&lang=js&\"\nexport * from \"./AppRecordintent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppRecordintent.vue?vue&type=style&index=0&id=ddfa84b8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ddfa84b8\",\n  null\n  \n)\n\ncomponent.options.__file = \"AppRecordintent.vue\"\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('main',[_c('h1',{staticClass:\"emotion\"},[_vm._v(\"Feeling \"+_vm._s(_vm.emotion))]),_c('h3',[_vm._v(\"Change the intensity!\")]),_vm._m(0),_c('app-recordinglogic')],1),_c('app-refresh')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"big\"},[_c('span',[_vm._v(\"Some options... \")]),_c('em',[_vm._v(\"more, less\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('button',{on:{\"click\":_vm.refresh}},[_vm._v(\"Start again\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <button @click=\"refresh\">Start again</button>\n  </div>\n</template>\n\n<script>\nexport default {\n  methods: {\n    refresh() {\n      location.reload()\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\ndiv {\n  position: absolute;\n  text-align: center;\n  bottom: 30px;\n  left: 50%;\n  margin-left: -50px;\n  width: 135px;\n}\n\nbutton {\n  border: none;\n  outline: none;\n  padding: 12px 15px 10px;\n  background: #333;\n  color: white;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 16px;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: 0.2s all ease;\n  &:hover {\n    background: #444;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRefresh.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRefresh.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppRefresh.vue?vue&type=template&id=69bb8ec4&scoped=true&\"\nimport script from \"./AppRefresh.vue?vue&type=script&lang=js&\"\nexport * from \"./AppRefresh.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppRefresh.vue?vue&type=style&index=0&id=69bb8ec4&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"69bb8ec4\",\n  null\n  \n)\n\ncomponent.options.__file = \"AppRefresh.vue\"\nexport default component.exports","<template>\n  <div>\n    <main>\n      <h1 class=\"emotion\">Feeling {{ emotion }}</h1>\n      <h3>Change the intensity!</h3>\n      <p class=\"big\"><span>Some options... </span><em>more, less</em></p>\n      <app-recordinglogic/>\n    </main>\n\n    <app-refresh />\n  </div>\n</template>\n\n<script>\nimport AppRecordinglogic from './AppRecordinglogic.vue'\nimport AppRefresh from './AppRefresh.vue'\n\nexport default {\n  components: {\n    AppRecordinglogic,\n    AppRefresh\n  },\n  props: {\n    emotion: {\n      default: 'Excited',\n      required: true\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\nmain {\n  margin-top: 40px;\n  padding: 20px 20px 40px;\n  text-align: center;\n  background: black;\n  position: absolute;\n  top: 20px;\n  left: 50%;\n  width: 500px;\n  margin-left: -250px;\n}\n\nh1 {\n  color: rgb(245, 245, 245);\n}\n\np.big {\n  font-size: 20px;\n  line-height: 1.5;\n}\n\nspan {\n  color: rgb(168, 167, 167);\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordintensity.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordintensity.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppRecordintensity.vue?vue&type=template&id=6bc156ea&scoped=true&\"\nimport script from \"./AppRecordintensity.vue?vue&type=script&lang=js&\"\nexport * from \"./AppRecordintensity.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppRecordintensity.vue?vue&type=style&index=0&id=6bc156ea&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6bc156ea\",\n  null\n  \n)\n\ncomponent.options.__file = \"AppRecordintensity.vue\"\nexport default component.exports","<template>\n  <div id=\"app\">\n\n    <app-recordintent v-if=\"intent === 'None'\" />\n    <app-recordintensity v-if=\"intent !== 'None'\" :emotion=\"intent\" />\n\n    <app-base \n      v-if=\"intent === 'Excited'\"\n      :t-config.a=\"1\" \n      :t-config.b=\"200\" \n    />\n    <app-base \n      v-if=\"intent === 'Nervous'\"\n      :t-config.a=\"1\"  \n      :color=\"0xff0000\"\n      :wireframe=\"true\"\n      :rainbow=\"false\"\n      :emissive=\"true\"\n    />\n    <app-base \n      v-if=\"intent === 'Happy'\" \n      :t-config.a=\"1\" \n      :t-config.c=\"10\"  \n    />\n    <app-base \n      v-if=\"intent === 'Frustrated'\"\n      :t-config.a=\"1\" \n      :t-config.c=\"3\" \n      :rainbow=\"false\" \n      :color=\"0x3964e8\" \n    />\n    <app-base v-if=\"intent === 'Calm'\" :t-config.a=\"1\"  />\n    <app-base v-if=\"intent === 'Tipsy'\" />\n    \n  </div>\n</template>\n\n<script>\nimport AppBase from './components/AppBase.vue'\nimport AppRecordintent from './components/AppRecordintent.vue'\nimport AppRecordintensity from './components/AppRecordintensity.vue'\n\nexport default {\n  components: {\n    AppBase,\n    AppRecordintent,\n    AppRecordintensity\n  },\n  computed: {\n    intent() {\n      return this.$store.getters.intentStr\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\nbody {\n  margin: 0;\n  overflow: hidden;\n  background-color: black;\n  font-family: 'Josefin Sans', sans-serif;\n  font-weight: 300;\n  color: white;\n  display: flex;\n  justify-content: center;\n  align-content: center;\n}\ncanvas {\n  width: 100%;\n  height: 100%;\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=574c2228&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\ncomponent.options.__file = \"App.vue\"\nexport default component.exports","import Vue from 'vue'\nimport Vuex from 'vuex'\nimport axios from 'axios'\n\nVue.use(Vuex)\n\nconst SpeechRecognition =\n  window.SpeechRecognition || window.webkitSpeechRecognition\nconst SpeechGrammarList =\n  window.SpeechGrammarList || window.webkitSpeechGrammarList\nconst SpeechRecognitionEvent =\n  window.SpeechRecognitionEvent || window.webkitSpeechRecognitionEvent\n\nif (!SpeechRecognition) {\n  // uh shit browser doesn't support speech, do things here\n}\n\nconst recognition = new SpeechRecognition()\n\nrecognition.lang = 'en-US'\nrecognition.interimResults = false\nrecognition.maxAlternatives = 1\n\nexport default new Vuex.Store({\n  state: {\n    counter: 0,\n    intent: 'None',\n    intensity: 'None',\n    score: 0,\n    // idle - awaiting user input\n    // listening - listening to user input\n    // fetching - fetching user data from the API\n    uiState: 'idle',\n    zoom: 3\n  },\n  getters: {\n    intentStr: state => {\n      var str = state.intent\n      str = str.replace(/\\b(App.)\\b/gi, '')\n      return str\n    },\n    intensityStr: state => {\n      var str = state.intensity\n      str = str.replace(/\\b(Intensity.)\\b/gi, '')\n      return str\n    }\n  },\n  mutations: {\n    newIntent: (state, { intent, score }) => {\n      if (intent.includes('Intensity')) {\n        state.intensity = intent\n        if (intent.includes('More')) {\n          state.counter++\n        } else if (intent.includes('Less')) {\n          state.counter--\n        }\n      } else {\n        state.intent = intent\n      }\n      state.score = score\n    },\n    setUiState: (state, status) => {\n      state.uiState = status\n    },\n    setIntent: (state, status) => {\n      state.intent = status\n    },\n    abortRecording: state => {\n      recognition.abort()\n      state.uiState = 'idle'\n    },\n    setZoom: state => {\n      var expr = state.intent\n      switch (expr) {\n        case 'App.Excited':\n          state.zoom = 2 + state.counter\n          break\n        case 'App.Nervous':\n          state.zoom = 2 + state.counter\n          break\n        case 'App.Happy':\n          state.zoom = 2 + state.counter\n          break\n        case 'App.Tipsy':\n          state.zoom = 1 + state.counter\n          break\n        default:\n          state.zoom = 3 + state.counter\n      }\n    }\n  },\n  actions: {\n    getSpeech({ dispatch, commit, state }) {\n      commit('setUiState', 'listening')\n\n      //keep recording speech all the time or activate it- for the first screen no, press a button. second screen yes.\n      state.intent === 'None'\n        ? (recognition.continuous = true)\n        : (recognition.continuous = false)\n\n      recognition.start()\n\n      recognition.onresult = function(event) {\n        const last = event.results.length - 1\n        const phrase = event.results[last][0].transcript\n        dispatch('getUnderstanding', phrase)\n      }\n    },\n\n    getUnderstanding({ commit }, utterance) {\n      commit('setUiState', 'fetching')\n      const url = `https://westus.api.cognitive.microsoft.com/luis/v2.0/apps/4aba2274-c5df-4b0d-8ff7-57658254d042`\n\n      https: axios({\n        method: 'get',\n        url,\n        params: {\n          verbose: true,\n          timezoneOffset: 0,\n          q: utterance\n        },\n        headers: {\n          'Content-Type': 'application/json',\n          'Ocp-Apim-Subscription-Key': '6c85f08d11e84b59b655b8a919b9e286'\n        }\n      })\n        .then(({ data }) => {\n          console.log('axios result', data)\n          if (altMaps.hasOwnProperty(data.query)) {\n            commit('newIntent', {\n              intent: altMaps[data.query],\n              score: 1\n            })\n          } else {\n            commit('newIntent', data.topScoringIntent)\n          }\n          commit('setUiState', 'idle')\n          commit('setZoom')\n        })\n        .catch(err => {\n          console.error('axios error', err)\n        })\n    }\n  }\n})\n\n// if it keeps thinking you're saying something else, add here:\n// we don't want to do it in Luis if the meaning is much different\n// because it will learn the wrong thing.\nconst altMaps = {\n  gypsy: 'App.Tipsy',\n  call: 'App.Calm',\n  Les: 'Intensity.Less',\n  bus: 'Intensity.Less',\n  Bus: 'Intensity.Less',\n  plus: 'Intensity.Less',\n  Plus: 'Intensity.Less',\n  last: 'Intensity.Less',\n  Last: 'Intensity.Less',\n  Rush: 'Intensity.Less',\n  bless: 'Intensity.Less',\n  Bless: 'Intensity.Less',\n  Bess: 'Intensity.Less',\n  bess: 'Intensity.Less',\n  best: 'Intensity.Less',\n  birth: 'Intensity.Less',\n  love: 'Intensity.Less',\n  plus: 'Intensity.Less',\n  glad: 'Intensity.Less',\n  louis: 'Intensity.Less',\n  glass: 'Intensity.Less',\n  let: 'Intensity.Less',\n  lek: 'Intensity.Less',\n  lek: 'Intensity.Less',\n  west: 'Intensity.Less',\n  West: 'Intensity.Less',\n  ad: 'Intensity.More',\n  mall: 'Intensity.More',\n  mirrors: 'App.Nervous',\n  hobby: 'App.Happy',\n  heavy: 'App.Happy',\n  faded: 'App.Excited',\n  phelan: 'App.Excited',\n  home: 'App.Calm',\n  call: 'App.Calm',\n  hull: 'App.Calm',\n  paris: 'App.Nervous',\n  Paris: 'App.Nervous',\n  nurse: 'App.Nervous',\n  tipton: 'App.Tipsy'\n}\n","import Vue from 'vue'\nimport App from './App.vue'\nimport store from './store'\n\nVue.config.productionTip = false\n\nnew Vue({\n  store,\n  render: h => h(App)\n}).$mount('#app')\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppSineloader.vue?vue&type=style&index=0&id=b8d44556&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppSineloader.vue?vue&type=style&index=0&id=b8d44556&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRefresh.vue?vue&type=style&index=0&id=69bb8ec4&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRefresh.vue?vue&type=style&index=0&id=69bb8ec4&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordinglogic.vue?vue&type=style&index=0&id=a98b1596&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordinglogic.vue?vue&type=style&index=0&id=a98b1596&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppBase.vue?vue&type=style&index=0&id=3f6dadb2&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppBase.vue?vue&type=style&index=0&id=3f6dadb2&scoped=true&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordintent.vue?vue&type=style&index=0&id=ddfa84b8&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppRecordintent.vue?vue&type=style&index=0&id=ddfa84b8&scoped=true&lang=css&\""],"sourceRoot":""}


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "three-vue-pattern",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve --open",
 7 |     "build": "vue-cli-service build"
 8 |   },
 9 |   "dependencies": {
10 |     "axios": "^0.18.0",
11 |     "sine-waves": "^0.3.0",
12 |     "three": "^0.90.0",
13 |     "vue": "^2.5.13",
14 |     "vuex": "^3.0.1"
15 |   },
16 |   "devDependencies": {
17 |     "@vue/cli-plugin-babel": "^3.0.0-beta.6",
18 |     "@vue/cli-service": "^3.0.0-beta.6",
19 |     "node-sass": "^4.7.2",
20 |     "sass-loader": "^6.0.6",
21 |     "vue-template-compiler": "^2.5.13"
22 |   },
23 |   "browserslist": ["> 1%", "last 2 versions", "not ie <= 8"]
24 | }
25 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sdras/three-vue-pattern/cf00595d6fc3901c81d142e20474599b811870ed/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |   <meta name="viewport" content="width=device-width,initial-scale=1.0">
 8 |   <link rel="shortcut icon" href="<%= webpackConfig.output.publicPath %>favicon.ico">
 9 |   <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,600" rel="stylesheet">
10 |   <title>three-vue-kaleidoscope</title>
11 | </head>
12 | 
13 | <body>
14 |   <noscript>
15 |     <strong>We're sorry but three-vue-kaleidoscope doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
16 |   </noscript>
17 |   <div id="app"></div>
18 |   <!-- built files will be auto injected -->
19 | </body>
20 | 
21 | </html>


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 | 
 4 |     <app-recordintent v-if="intent === 'None'" />
 5 |     <app-recordintensity v-if="intent !== 'None'" :emotion="intent" />
 6 | 
 7 |     <app-base 
 8 |       v-if="intent === 'Excited'"
 9 |       :t-config.a="1" 
10 |       :t-config.b="200" 
11 |     />
12 |     <app-base 
13 |       v-if="intent === 'Nervous'"
14 |       :t-config.a="1"  
15 |       :color="0xff0000"
16 |       :wireframe="true"
17 |       :rainbow="false"
18 |       :emissive="true"
19 |     />
20 |     <app-base 
21 |       v-if="intent === 'Happy'" 
22 |       :t-config.a="1" 
23 |       :t-config.c="10"  
24 |     />
25 |     <app-base 
26 |       v-if="intent === 'Frustrated'"
27 |       :t-config.a="1" 
28 |       :t-config.c="3" 
29 |       :rainbow="false" 
30 |       :color="0x3964e8" 
31 |     />
32 |     <app-base v-if="intent === 'Calm'" :t-config.a="1"  />
33 |     <app-base v-if="intent === 'Tipsy'" />
34 |     
35 |   </div>
36 | </template>
37 | 
38 | <script>
39 | import AppBase from './components/AppBase.vue'
40 | import AppRecordintent from './components/AppRecordintent.vue'
41 | import AppRecordintensity from './components/AppRecordintensity.vue'
42 | 
43 | export default {
44 |   components: {
45 |     AppBase,
46 |     AppRecordintent,
47 |     AppRecordintensity
48 |   },
49 |   computed: {
50 |     intent() {
51 |       return this.$store.getters.intentStr
52 |     }
53 |   }
54 | }
55 | </script>
56 | 
57 | <style lang="scss">
58 | body {
59 |   margin: 0;
60 |   overflow: hidden;
61 |   background-color: black;
62 |   font-family: 'Josefin Sans', sans-serif;
63 |   font-weight: 300;
64 |   color: white;
65 |   display: flex;
66 |   justify-content: center;
67 |   align-content: center;
68 | }
69 | canvas {
70 |   width: 100%;
71 |   height: 100%;
72 | }
73 | </style>
74 | 


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sdras/three-vue-pattern/cf00595d6fc3901c81d142e20474599b811870ed/src/assets/logo.png


--------------------------------------------------------------------------------
/src/components/AppBase.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div></div>
  3 | </template>
  4 | 
  5 | <script>
  6 | import * as THREE from 'three'
  7 | 
  8 | export default {
  9 |   props: {
 10 |     numAxes: {
 11 |       type: Number,
 12 |       default: 12,
 13 |       required: false
 14 |     },
 15 |     scale: {
 16 |       type: Number,
 17 |       default: 900,
 18 |       required: false
 19 |     },
 20 |     wireframe: {
 21 |       type: Boolean,
 22 |       default: false,
 23 |       required: false
 24 |     },
 25 |     rainbow: {
 26 |       type: Boolean,
 27 |       default: true,
 28 |       required: false
 29 |     },
 30 |     emissive: {
 31 |       type: Boolean,
 32 |       default: false,
 33 |       required: false
 34 |     },
 35 |     color: {
 36 |       type: [Number, String],
 37 |       default: 0x00ffff,
 38 |       required: false
 39 |     },
 40 |     tConfig: {
 41 |       default() {
 42 |         return {
 43 |           a: 2,
 44 |           b: 3,
 45 |           c: 100,
 46 |           d: 3
 47 |         }
 48 |       },
 49 |       required: false
 50 |     }
 51 |   },
 52 |   computed: {
 53 |     shapeZoom() {
 54 |       return this.$store.state.zoom
 55 |     }
 56 |   },
 57 |   data() {
 58 |     return {
 59 |       bufferScene: new THREE.Scene(),
 60 |       bufferCamera: new THREE.PerspectiveCamera(75, 800 / 800, 0.1, 1000),
 61 |       bufferTexture: new THREE.WebGLRenderTarget(800, 800, {
 62 |         minFilter: THREE.LinearMipMapLinearFilter,
 63 |         magFilter: THREE.LinearFilter,
 64 |         antialias: true
 65 |       }),
 66 |       camera: new THREE.OrthographicCamera(
 67 |         window.innerWidth / -2,
 68 |         window.innerWidth / 2,
 69 |         window.innerHeight / 2,
 70 |         window.innerHeight / -2,
 71 |         0.1,
 72 |         1000
 73 |       ),
 74 |       renderer: new THREE.WebGLRenderer({ antialias: true }),
 75 |       scene: new THREE.Scene(),
 76 |       storeRAF: null,
 77 |       torusKnot: null,
 78 |       tileHolder: new THREE.Object3D(),
 79 |       bufferSize: 800,
 80 |       isPaused: false //at the end
 81 |     }
 82 |   },
 83 |   watch: {
 84 |     shapeZoom() {
 85 |       this.createShapes()
 86 |       cancelAnimationFrame(this.storeRAF)
 87 |       this.animate()
 88 |     }
 89 |   },
 90 |   methods: {
 91 |     createShapes() {
 92 |       this.bufferCamera.position.z = this.shapeZoom
 93 | 
 94 |       if (this.torusKnot !== null) {
 95 |         this.torusKnot.material.dispose()
 96 |         this.torusKnot.geometry.dispose()
 97 |         this.bufferScene.remove(this.torusKnot)
 98 |       }
 99 | 
100 |       var shape = new THREE.TorusKnotGeometry(
101 |           this.tConfig.a,
102 |           this.tConfig.b,
103 |           this.tConfig.c,
104 |           this.tConfig.d
105 |         ),
106 |         material
107 | 
108 |       if (this.rainbow) {
109 |         material = new THREE.MeshNormalMaterial({
110 |           wireframe: this.wireframe
111 |         })
112 |       } else {
113 |         material = new THREE.MeshPhongMaterial({
114 |           color: this.color,
115 |           shininess: 90,
116 |           wireframe: this.wireframe,
117 |           emissive: this.emissive ? 0x4193ea : 0x000000
118 |         })
119 |       }
120 | 
121 |       this.torusKnot = new THREE.Mesh(shape, material)
122 |       this.torusKnot.material.needsUpdate = true
123 | 
124 |       this.bufferScene.add(this.torusKnot)
125 |     },
126 |     animate() {
127 |       this.storeRAF = requestAnimationFrame(this.animate)
128 | 
129 |       this.bufferScene.rotation.x += 0.01
130 |       this.bufferScene.rotation.y += 0.02
131 | 
132 |       this.renderer.render(
133 |         this.bufferScene,
134 |         this.bufferCamera,
135 |         this.bufferTexture
136 |       )
137 |       this.renderer.render(this.scene, this.camera)
138 |     },
139 |     updateGridGeometry() {
140 |       this.scene.remove(this.tileHolder)
141 | 
142 |       var theta = 0
143 |       var numSteps = this.numAxes
144 |       var step = 2 * Math.PI / numSteps
145 |       var radius = 1
146 | 
147 |       var tileGeometry = new THREE.Geometry()
148 |       tileGeometry.vertices.push(new THREE.Vector3(0, 0, 0))
149 | 
150 |       var snapStep // number of steps between simplified shape vertices
151 |       var stepAngle
152 |       var rotOffset
153 | 
154 |       // compute tile width
155 |       var p1 = new THREE.Vector2(radius * Math.cos(0), radius * Math.sin(0))
156 |       var p2 = new THREE.Vector2(
157 |         radius * Math.cos(stepAngle),
158 |         radius * Math.sin(stepAngle)
159 |       )
160 |       var dist = p1.distanceTo(p2)
161 |       var a = dist / 2
162 |       var c = radius
163 |       var b = Math.sqrt(c * c - a * a)
164 |       var tileWidth
165 |       var tileHeight
166 |       var tileRowOffset
167 | 
168 |       // find out if numAxes is factor of 4 or 6
169 |       if (!(this.numAxes % 6)) {
170 |         // factor of 6
171 |         snapStep = this.numAxes / 6
172 |         stepAngle = 2 * Math.PI / 6
173 |         rotOffset = stepAngle / 2
174 | 
175 |         tileWidth = b * 2
176 |         tileHeight = c + a
177 |         tileRowOffset = b
178 |       } else {
179 |         // factor of 4
180 |         snapStep = this.numAxes / 4
181 |         stepAngle = 2 * Math.PI / 4
182 |         rotOffset = 0
183 | 
184 |         tileWidth = c * 2
185 |         tileHeight = c
186 |         tileRowOffset = c
187 |       }
188 | 
189 |       // add vertices
190 |       for (var i = 0; i < numSteps; i++) {
191 |         var mod = i % snapStep
192 |         var ratio = mod / snapStep
193 |         var position = Math.floor(i / snapStep)
194 |         var angle1 = stepAngle * position
195 |         var angle2 = stepAngle * (position + 1)
196 |         var x, y
197 | 
198 |         if (mod == 0) {
199 |           // standard vertex position
200 |           x = radius * Math.cos(theta)
201 |           y = radius * Math.sin(theta)
202 |         } else {
203 |           // interpolate between angle1 and angle2
204 |           var x1 = radius * Math.cos(angle1)
205 |           var y1 = radius * Math.sin(angle1)
206 | 
207 |           var x2 = radius * Math.cos(angle2)
208 |           var y2 = radius * Math.sin(angle2)
209 | 
210 |           x = x1 + (x2 - x1) * ratio
211 |           y = y1 + (y2 - y1) * ratio
212 |         }
213 | 
214 |         tileGeometry.vertices.push(new THREE.Vector3(x, y, 0))
215 |         theta += step
216 |       }
217 | 
218 |       // add faces
219 |       for (var i = 0; i < numSteps; i++) {
220 |         var v1 = i + 1
221 |         var v2 = i + 2
222 |         if (v2 > numSteps) v2 = 1
223 |         tileGeometry.faces.push(new THREE.Face3(0, v1, v2))
224 |       }
225 | 
226 |       tileGeometry.computeBoundingSphere()
227 |       tileGeometry.computeBoundingBox()
228 | 
229 |       // set UV mapping
230 |       tileGeometry.faceVertexUvs[0] = []
231 | 
232 |       var mapWidth = 1 / snapStep
233 |       var diff = 1 - mapWidth
234 |       var mapLeft = diff / 2
235 |       var mapRight = 1 - diff / 2
236 | 
237 |       for (i = 0; i < tileGeometry.faces.length; i++) {
238 |         if (i % 2) {
239 |           tileGeometry.faceVertexUvs[0].push([
240 |             new THREE.Vector2(0.5, 0),
241 |             new THREE.Vector2(mapLeft, 1),
242 |             new THREE.Vector2(mapRight, 1)
243 |           ])
244 |         } else {
245 |           tileGeometry.faceVertexUvs[0].push([
246 |             new THREE.Vector2(0.5, 0),
247 |             new THREE.Vector2(mapRight, 1),
248 |             new THREE.Vector2(mapLeft, 1)
249 |           ])
250 |         }
251 |       }
252 | 
253 |       tileGeometry.uvsNeedUpdate = true
254 | 
255 |       var tileRow = new THREE.Object3D()
256 |       this.tileHolder.add(tileRow)
257 | 
258 |       //this is the scale
259 |       var scale = this.scale / 3
260 | 
261 |       var tileMat = new THREE.MeshBasicMaterial({
262 |         //main object
263 |         map: this.bufferTexture,
264 |         side: THREE.DoubleSide
265 |       })
266 | 
267 |       var tileMesh = new THREE.Mesh(tileGeometry, tileMat)
268 |       tileMesh.scale.set(scale, scale, 1)
269 |       tileMesh.rotation.z = rotOffset
270 |       tileRow.add(tileMesh)
271 | 
272 |       var tileCountX = 15
273 |       for (var i = 0; i < tileCountX; i++) {
274 |         var tileMeshLeft = tileMesh.clone()
275 |         tileMeshLeft.position.x -= tileWidth * scale * (i + 1)
276 |         tileRow.add(tileMeshLeft)
277 | 
278 |         var tileMeshRight = tileMesh.clone()
279 |         tileMeshRight.position.x += tileWidth * scale * (i + 1)
280 |         tileRow.add(tileMeshRight)
281 |       }
282 | 
283 |       var tileCountY = 10
284 |       for (var i = 0; i < tileCountY; i++) {
285 |         var tileRowTop = tileRow.clone()
286 |         tileRowTop.position.y += tileHeight * scale * (i + 1)
287 |         if (!(i % 2)) tileRowTop.position.x += tileRowOffset * scale
288 |         this.tileHolder.add(tileRowTop)
289 | 
290 |         var tileRowBottom = tileRow.clone()
291 |         tileRowBottom.position.y -= tileHeight * scale * (i + 1)
292 |         if (!(i % 2)) tileRowBottom.position.x += tileRowOffset * scale
293 |         this.tileHolder.add(tileRowBottom)
294 |       }
295 | 
296 |       this.scene.add(this.tileHolder)
297 |     },
298 |     init() {
299 |       this.camera.position.z = 5
300 | 
301 |       this.renderer.setSize(window.innerWidth, window.innerHeight)
302 |       document.body.appendChild(this.renderer.domElement)
303 | 
304 |       this.createShapes()
305 | 
306 |       var pointLight = new THREE.PointLight(0x404040)
307 |       pointLight.position.set(0, 50, -200)
308 |       this.bufferScene.add(pointLight)
309 | 
310 |       /// main scene objects
311 |       var ambientLight = new THREE.AmbientLight(0x404040)
312 |       this.scene.add(ambientLight)
313 | 
314 |       var pointLight3 = new THREE.PointLight(0xffffff)
315 |       pointLight3.position.set(-100, 200, 100)
316 |       this.scene.add(pointLight3)
317 | 
318 |       this.updateGridGeometry(this.scene)
319 | 
320 |       //kick it off
321 |       this.animate()
322 | 
323 |       //grumble
324 |       var vuethis = this
325 | 
326 |       //update the canvas
327 |       window.addEventListener('resize', function() {
328 |         var WIDTH = window.innerWidth
329 |         var HEIGHT = window.innerHeight
330 |         vuethis.renderer.setSize(WIDTH, HEIGHT)
331 | 
332 |         vuethis.camera.left = window.innerWidth / -2
333 |         vuethis.camera.right = window.innerWidth / 2
334 |         vuethis.camera.top = window.innerHeight / 2
335 |         vuethis.camera.bottom = window.innerHeight / -2
336 |         vuethis.camera.updateProjectionMatrix()
337 |       })
338 |     }
339 |   },
340 |   mounted() {
341 |     this.init()
342 |   }
343 | }
344 | </script>
345 | 
346 | <style scoped>
347 | 
348 | </style>


--------------------------------------------------------------------------------
/src/components/AppButtonrecord.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <button @click="getNewIntent" :class="{ disabled: uiState === 'listening' }"></button>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |   props: {
10 |     aborted: {
11 |       type: Boolean,
12 |       default: false,
13 |       required: true
14 |     }
15 |   },
16 |   computed: {
17 |     uiState() {
18 |       return this.$store.state.uiState
19 |     }
20 |   },
21 |   methods: {
22 |     getNewIntent() {
23 |       this.$store.dispatch('getSpeech')
24 |       this.$emit('isaborted', false)
25 |     }
26 |   }
27 | }
28 | </script>
29 | 
30 | <style scoped>
31 | button {
32 |   border-radius: 1000px;
33 |   background: red;
34 |   width: 80px;
35 |   height: 80px;
36 |   border: none;
37 |   outline: 0;
38 |   cursor: pointer;
39 |   margin-top: 10px;
40 |   transition: 0.3s all ease-out;
41 | }
42 | 
43 | button.disabled {
44 |   background: #ccc;
45 |   cursor: none;
46 | }
47 | </style>


--------------------------------------------------------------------------------
/src/components/AppControls.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <aside>
  3 |     <h2>Pattern Props</h2>
  4 |     <label for="range1">Shape Zoom: <span class="num">{{ zoom }}</span></label><br>
  5 |     <range-slider
  6 |       class="slider"
  7 |       id="range1"
  8 |       min="0"
  9 |       max="5"
 10 |       step="1"
 11 |       v-model="zoom"
 12 |       :value="zoomrange"
 13 |       @input="$emit('update:zoomrange', zoom)">
 14 |     </range-slider>
 15 |     <label for="range1">Range One: <span class="num">{{ value1 }}</span></label><br>
 16 |     <range-slider
 17 |       class="slider"
 18 |       id="range1"
 19 |       min="1"
 20 |       max="10"
 21 |       step=".01"
 22 |       v-model="sliderValue">
 23 |     </range-slider><br><br>
 24 |     <div id="app">
 25 |       <span v-for="option in options">
 26 |         <input type="checkbox" :id="option.value" :value="option.value" v-model="checkedOpts">
 27 |         <label for="option.value">{{ option.value }}</label>
 28 |       </span>
 29 | 
 30 |       <br>
 31 |       <span>Checked names: {{ checkedOpts }}</span>
 32 |     </div>
 33 |   </aside>
 34 | </template>
 35 | 
 36 | <script>
 37 | import RangeSlider from 'vue-range-slider'
 38 | import 'vue-range-slider/dist/vue-range-slider.css'
 39 | 
 40 | export default {
 41 |   data() {
 42 |     return {
 43 |       sliderValue: 5,
 44 |       zoom: 3,
 45 |       options: [{ value: 'wireframe' }, { value: 'rainbow' }]
 46 |     }
 47 |   },
 48 |   props: {
 49 |     zoomrange: {
 50 |       type: [Number, String],
 51 |       default: 3
 52 |     },
 53 |     checkedOpts: {
 54 |       type: Array,
 55 |       default() {
 56 |         return ['rainbow']
 57 |       }
 58 |     }
 59 |   },
 60 |   methods: {
 61 |     changeRainbow() {
 62 |       console.log('fired')
 63 |       this.rainbow = !this.rainbow
 64 |       this.$emit('input', this.rainbow)
 65 |     }
 66 |   },
 67 |   computed: {
 68 |     value1() {
 69 |       return this.sliderValue.toFixed(0)
 70 |     }
 71 |   },
 72 |   components: {
 73 |     RangeSlider
 74 |   }
 75 | }
 76 | </script>
 77 | 
 78 | <style lang="scss" scoped>
 79 | aside {
 80 |   position: fixed;
 81 |   height: 500px;
 82 |   top: 130px;
 83 |   left: 20px;
 84 |   background: black;
 85 |   padding: 20px;
 86 |   color: white;
 87 | }
 88 | 
 89 | .num {
 90 |   font-weight: 600;
 91 | }
 92 | 
 93 | label {
 94 |   padding: 20px 9px 0;
 95 |   display: block;
 96 | }
 97 | 
 98 | h2 {
 99 |   padding: 0 9px 0;
100 | }
101 | 
102 | .inline {
103 |   display: inline;
104 | }
105 | 
106 | .slider {
107 |   width: 200px;
108 |   margin: -10px 0 20px;
109 | }
110 | </style>


--------------------------------------------------------------------------------
/src/components/AppEmotionstatus.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <aside>
 3 |     <h2 class="emotion">Feeling {{ emotion }}</h2>
 4 |     <button @click="goBack">Go back and try again!</button>
 5 |   </aside>
 6 | </template>
 7 | 
 8 | <script>
 9 | export default {
10 |   props: {
11 |     emotion: {
12 |       default: 'Excited',
13 |       required: true
14 |     }
15 |   },
16 |   methods: {
17 |     goBack() {
18 |       this.$store.commit('setIntent', 'None')
19 |     }
20 |   }
21 | }
22 | </script>
23 | 
24 | <style lang="scss" scoped>
25 | aside {
26 |   margin-top: 40px;
27 |   padding: 20px;
28 |   text-align: center;
29 |   background: black;
30 |   position: absolute;
31 |   top: 20px;
32 |   left: 50%;
33 |   width: 300px;
34 |   height: 120px;
35 |   margin-left: -150px;
36 | }
37 | 
38 | button {
39 |   border: none;
40 |   outline: none;
41 |   padding: 12px 15px 10px;
42 |   background: #555;
43 |   color: white;
44 |   font-family: 'Josefin Sans', sans-serif;
45 |   font-size: 16px;
46 |   border-radius: 5px;
47 |   cursor: pointer;
48 |   transition: 0.2s all ease;
49 |   &:hover {
50 |     background: #444;
51 |   }
52 | }
53 | </style>


--------------------------------------------------------------------------------
/src/components/AppRecordinglogic.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <app-buttonrecord 
 4 |       v-if="intent === 'None' || aborted" 
 5 |       @isaborted="aborted = $event"
 6 |       :aborted="aborted"
 7 |     />
 8 |     <div 
 9 |       v-if="uiState === 'listening' || 
10 |             intent  !== 'None'      && 
11 |             aborted === false"
12 |       >
13 |         <app-sineloader />
14 |         <button @click="aborting">Abort Recording</button>
15 |     </div>
16 |   </div>
17 | </template>
18 | 
19 | <script>
20 | import AppSineloader from './AppSineloader.vue'
21 | import AppButtonrecord from './AppButtonrecord.vue'
22 | 
23 | export default {
24 |   components: {
25 |     AppSineloader,
26 |     AppButtonrecord
27 |   },
28 |   data() {
29 |     return {
30 |       aborted: false
31 |     }
32 |   },
33 |   computed: {
34 |     intent() {
35 |       return this.$store.state.intent
36 |     },
37 |     uiState() {
38 |       return this.$store.state.uiState
39 |     }
40 |   },
41 |   methods: {
42 |     aborting() {
43 |       this.$store.commit('abortRecording')
44 |       this.aborted = true
45 |     }
46 |   }
47 | }
48 | </script>
49 | 
50 | <style lang="scss" scoped>
51 | div {
52 |   background: black;
53 | }
54 | 
55 | button {
56 |   border: none;
57 |   outline: none;
58 |   padding: 12px 15px 10px;
59 |   background: #333;
60 |   color: white;
61 |   font-family: 'Josefin Sans', sans-serif;
62 |   font-size: 16px;
63 |   border-radius: 5px;
64 |   cursor: pointer;
65 |   transition: 0.2s all ease;
66 |   &:hover {
67 |     background: #444;
68 |   }
69 | }
70 | </style>


--------------------------------------------------------------------------------
/src/components/AppRecordintensity.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <main>
 4 |       <h1 class="emotion">Feeling {{ emotion }}</h1>
 5 |       <h3>Change the intensity!</h3>
 6 |       <p class="big"><span>Some options... </span><em>more, less</em></p>
 7 |       <app-recordinglogic/>
 8 |     </main>
 9 | 
10 |     <app-refresh />
11 |   </div>
12 | </template>
13 | 
14 | <script>
15 | import AppRecordinglogic from './AppRecordinglogic.vue'
16 | import AppRefresh from './AppRefresh.vue'
17 | 
18 | export default {
19 |   components: {
20 |     AppRecordinglogic,
21 |     AppRefresh
22 |   },
23 |   props: {
24 |     emotion: {
25 |       default: 'Excited',
26 |       required: true
27 |     }
28 |   }
29 | }
30 | </script>
31 | 
32 | <style lang="scss" scoped>
33 | main {
34 |   margin-top: 40px;
35 |   padding: 20px 20px 40px;
36 |   text-align: center;
37 |   background: black;
38 |   position: absolute;
39 |   top: 20px;
40 |   left: 50%;
41 |   width: 500px;
42 |   margin-left: -250px;
43 | }
44 | 
45 | h1 {
46 |   color: rgb(245, 245, 245);
47 | }
48 | 
49 | p.big {
50 |   font-size: 20px;
51 |   line-height: 1.5;
52 | }
53 | 
54 | span {
55 |   color: rgb(168, 167, 167);
56 | }
57 | </style>


--------------------------------------------------------------------------------
/src/components/AppRecordintent.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <main>
 3 |     <h1>How do you feel?</h1>
 4 |     <p class="big"><span>Some options... </span><br>
 5 |     <em>excited, nervous, frustrated, happy, calm, tipsy</em></p>
 6 |     <p><span>Hit the button and start recording</span></p>
 7 |     <app-recordinglogic />
 8 |   </main>
 9 | </template>
10 | 
11 | <script>
12 | import AppRecordinglogic from './AppRecordinglogic.vue'
13 | import AppButtonrecord from './AppButtonrecord.vue'
14 | 
15 | export default {
16 |   components: {
17 |     AppRecordinglogic,
18 |     AppButtonrecord
19 |   },
20 |   computed: {
21 |     uiState() {
22 |       return this.$store.state.uiState
23 |     }
24 |   }
25 | }
26 | </script>
27 | 
28 | <style scoped>
29 | main {
30 |   margin-top: 40px;
31 |   padding: 20px 20px 40px;
32 |   text-align: center;
33 |   background: black;
34 |   position: absolute;
35 |   top: 20px;
36 |   left: 50%;
37 |   width: 500px;
38 |   margin-left: -250px;
39 | }
40 | 
41 | h1 {
42 |   color: rgb(245, 245, 245);
43 | }
44 | 
45 | p.big {
46 |   font-size: 20px;
47 |   line-height: 1.5;
48 | }
49 | 
50 | span {
51 |   color: rgb(168, 167, 167);
52 | }
53 | </style>


--------------------------------------------------------------------------------
/src/components/AppRefresh.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <button @click="refresh">Start again</button>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |   methods: {
10 |     refresh() {
11 |       location.reload()
12 |     }
13 |   }
14 | }
15 | </script>
16 | 
17 | <style lang="scss" scoped>
18 | div {
19 |   position: absolute;
20 |   text-align: center;
21 |   bottom: 30px;
22 |   left: 50%;
23 |   margin-left: -50px;
24 |   width: 135px;
25 | }
26 | 
27 | button {
28 |   border: none;
29 |   outline: none;
30 |   padding: 12px 15px 10px;
31 |   background: #333;
32 |   color: white;
33 |   font-family: 'Josefin Sans', sans-serif;
34 |   font-size: 16px;
35 |   border-radius: 5px;
36 |   cursor: pointer;
37 |   transition: 0.2s all ease;
38 |   &:hover {
39 |     background: #444;
40 |   }
41 | }
42 | </style>


--------------------------------------------------------------------------------
/src/components/AppSineloader.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <canvas ref="waves"></canvas>
 3 | </template>
 4 | 
 5 | <script>
 6 | import * as SineWaves from 'sine-waves'
 7 | 
 8 | export default {
 9 |   methods: {
10 |     waves() {
11 |       var waves = new SineWaves({
12 |         el: this.$refs.waves,
13 |         speed: 20,
14 |         ease: 'SineInOut',
15 |         wavesWidth: '50%',
16 |         waves: [
17 |           {
18 |             timeModifier: 4,
19 |             lineWidth: 1,
20 |             amplitude: -25,
21 |             wavelength: 25
22 |           },
23 |           {
24 |             timeModifier: 2,
25 |             lineWidth: 1,
26 |             amplitude: -10,
27 |             wavelength: 30
28 |           },
29 |           {
30 |             timeModifier: 1,
31 |             lineWidth: 1,
32 |             amplitude: -30,
33 |             wavelength: 30
34 |           },
35 |           {
36 |             timeModifier: 3,
37 |             lineWidth: 1,
38 |             amplitude: 40,
39 |             wavelength: 40
40 |           },
41 |           {
42 |             timeModifier: 0.5,
43 |             lineWidth: 1,
44 |             amplitude: -60,
45 |             wavelength: 60
46 |           },
47 |           {
48 |             timeModifier: 1.3,
49 |             lineWidth: 1,
50 |             amplitude: -40,
51 |             wavelength: 40
52 |           }
53 |         ],
54 | 
55 |         // Called on window resize
56 |         resizeEvent: function() {
57 |           var gradient = this.ctx.createLinearGradient(0, 0, this.width, 0)
58 |           gradient.addColorStop(0, 'rgba(25, 255, 255, 0)')
59 |           gradient.addColorStop(0.5, 'rgba(255, 25, 255, 0.75)')
60 |           gradient.addColorStop(1, 'rgba(255, 255, 25, 0')
61 | 
62 |           var index = -1
63 |           var length = this.waves.length
64 |           while (++index < length) {
65 |             this.waves[index].strokeStyle = gradient
66 |           }
67 | 
68 |           // Clean Up
69 |           index = void 0
70 |           length = void 0
71 |           gradient = void 0
72 |         }
73 |       })
74 |     }
75 |   },
76 |   mounted() {
77 |     this.waves()
78 |   }
79 | }
80 | </script>
81 | 
82 | <style lang="scss" scoped>
83 | canvas {
84 |   height: 150px;
85 | }
86 | </style>
87 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App.vue'
 3 | import store from './store'
 4 | 
 5 | Vue.config.productionTip = false
 6 | 
 7 | new Vue({
 8 |   store,
 9 |   render: h => h(App)
10 | }).$mount('#app')
11 | 


--------------------------------------------------------------------------------
/src/store.js:
--------------------------------------------------------------------------------
  1 | import Vue from 'vue'
  2 | import Vuex from 'vuex'
  3 | import axios from 'axios'
  4 | 
  5 | Vue.use(Vuex)
  6 | 
  7 | const SpeechRecognition =
  8 |   window.SpeechRecognition || window.webkitSpeechRecognition
  9 | const SpeechGrammarList =
 10 |   window.SpeechGrammarList || window.webkitSpeechGrammarList
 11 | const SpeechRecognitionEvent =
 12 |   window.SpeechRecognitionEvent || window.webkitSpeechRecognitionEvent
 13 | 
 14 | if (!SpeechRecognition) {
 15 |   // uh shit browser doesn't support speech, do things here
 16 | }
 17 | 
 18 | const recognition = new SpeechRecognition()
 19 | 
 20 | recognition.lang = 'en-US'
 21 | recognition.interimResults = false
 22 | recognition.maxAlternatives = 1
 23 | 
 24 | export default new Vuex.Store({
 25 |   state: {
 26 |     counter: 0,
 27 |     intent: 'None',
 28 |     intensity: 'None',
 29 |     score: 0,
 30 |     // idle - awaiting user input
 31 |     // listening - listening to user input
 32 |     // fetching - fetching user data from the API
 33 |     uiState: 'idle',
 34 |     zoom: 3
 35 |   },
 36 |   getters: {
 37 |     intentStr: state => {
 38 |       var str = state.intent
 39 |       str = str.replace(/\b(App.)\b/gi, '')
 40 |       return str
 41 |     },
 42 |     intensityStr: state => {
 43 |       var str = state.intensity
 44 |       str = str.replace(/\b(Intensity.)\b/gi, '')
 45 |       return str
 46 |     }
 47 |   },
 48 |   mutations: {
 49 |     newIntent: (state, { intent, score }) => {
 50 |       if (intent.includes('Intensity')) {
 51 |         state.intensity = intent
 52 |         if (intent.includes('More')) {
 53 |           state.counter++
 54 |         } else if (intent.includes('Less')) {
 55 |           state.counter--
 56 |         }
 57 |       } else {
 58 |         state.intent = intent
 59 |       }
 60 |       state.score = score
 61 |     },
 62 |     setUiState: (state, status) => {
 63 |       state.uiState = status
 64 |     },
 65 |     setIntent: (state, status) => {
 66 |       state.intent = status
 67 |     },
 68 |     abortRecording: state => {
 69 |       recognition.abort()
 70 |       state.uiState = 'idle'
 71 |     },
 72 |     setZoom: state => {
 73 |       var expr = state.intent
 74 |       switch (expr) {
 75 |         case 'App.Excited':
 76 |           state.zoom = 2 + state.counter
 77 |           break
 78 |         case 'App.Nervous':
 79 |           state.zoom = 2 + state.counter
 80 |           break
 81 |         case 'App.Happy':
 82 |           state.zoom = 2 + state.counter
 83 |           break
 84 |         case 'App.Tipsy':
 85 |           state.zoom = 1 + state.counter
 86 |           break
 87 |         default:
 88 |           state.zoom = 3 + state.counter
 89 |       }
 90 |     }
 91 |   },
 92 |   actions: {
 93 |     getSpeech({ dispatch, commit, state }) {
 94 |       commit('setUiState', 'listening')
 95 | 
 96 |       //keep recording speech all the time or activate it- for the first screen no, press a button. second screen yes.
 97 |       state.intent === 'None'
 98 |         ? (recognition.continuous = true)
 99 |         : (recognition.continuous = false)
100 | 
101 |       recognition.start()
102 | 
103 |       recognition.onresult = function(event) {
104 |         const last = event.results.length - 1
105 |         const phrase = event.results[last][0].transcript
106 |         dispatch('getUnderstanding', phrase)
107 |       }
108 |     },
109 | 
110 |     getUnderstanding({ commit }, utterance) {
111 |       commit('setUiState', 'fetching')
112 |       const url = `https://westus.api.cognitive.microsoft.com/luis/v2.0/apps/4aba2274-c5df-4b0d-8ff7-57658254d042`
113 | 
114 |       https: axios({
115 |         method: 'get',
116 |         url,
117 |         params: {
118 |           verbose: true,
119 |           timezoneOffset: 0,
120 |           q: utterance
121 |         },
122 |         headers: {
123 |           'Content-Type': 'application/json',
124 |           'Ocp-Apim-Subscription-Key': '6c85f08d11e84b59b655b8a919b9e286'
125 |         }
126 |       })
127 |         .then(({ data }) => {
128 |           console.log('axios result', data)
129 |           if (altMaps.hasOwnProperty(data.query)) {
130 |             commit('newIntent', {
131 |               intent: altMaps[data.query],
132 |               score: 1
133 |             })
134 |           } else {
135 |             commit('newIntent', data.topScoringIntent)
136 |           }
137 |           commit('setUiState', 'idle')
138 |           commit('setZoom')
139 |         })
140 |         .catch(err => {
141 |           console.error('axios error', err)
142 |         })
143 |     }
144 |   }
145 | })
146 | 
147 | // if it keeps thinking you're saying something else, add here:
148 | // we don't want to do it in Luis if the meaning is much different
149 | // because it will learn the wrong thing.
150 | const altMaps = {
151 |   gypsy: 'App.Tipsy',
152 |   call: 'App.Calm',
153 |   Les: 'Intensity.Less',
154 |   bus: 'Intensity.Less',
155 |   Bus: 'Intensity.Less',
156 |   plus: 'Intensity.Less',
157 |   Plus: 'Intensity.Less',
158 |   last: 'Intensity.Less',
159 |   Last: 'Intensity.Less',
160 |   Rush: 'Intensity.Less',
161 |   bless: 'Intensity.Less',
162 |   Bless: 'Intensity.Less',
163 |   Bess: 'Intensity.Less',
164 |   bess: 'Intensity.Less',
165 |   best: 'Intensity.Less',
166 |   birth: 'Intensity.Less',
167 |   love: 'Intensity.Less',
168 |   plus: 'Intensity.Less',
169 |   glad: 'Intensity.Less',
170 |   louis: 'Intensity.Less',
171 |   glass: 'Intensity.Less',
172 |   let: 'Intensity.Less',
173 |   lek: 'Intensity.Less',
174 |   lek: 'Intensity.Less',
175 |   west: 'Intensity.Less',
176 |   West: 'Intensity.Less',
177 |   ad: 'Intensity.More',
178 |   mall: 'Intensity.More',
179 |   mirrors: 'App.Nervous',
180 |   hobby: 'App.Happy',
181 |   heavy: 'App.Happy',
182 |   faded: 'App.Excited',
183 |   phelan: 'App.Excited',
184 |   home: 'App.Calm',
185 |   call: 'App.Calm',
186 |   hull: 'App.Calm',
187 |   paris: 'App.Nervous',
188 |   Paris: 'App.Nervous',
189 |   nurse: 'App.Nervous',
190 |   tipton: 'App.Tipsy'
191 | }
192 | 


--------------------------------------------------------------------------------