├── .eslintrc
├── .gitignore
├── 360-video
├── README.md
├── index.html
├── js
│ └── demo.js
├── models
│ ├── LICENSE.txt
│ ├── rubber-duck.json
│ ├── rubber-duck.mtl
│ └── rubber-duck.obj
├── screenshot.jpg
└── videos
│ ├── paris-by-diego.mp4
│ ├── paris-by-diego.ogg
│ └── paris-by-diego.webm
├── Gemfile
├── Gemfile.lock
├── LICENSE.md
├── README.md
├── _config.yml
├── _layouts
├── a-frame.html
└── store.html
├── a-frame-assets
├── 360-photos
│ ├── SAM_100_0042_SMALL.jpg
│ ├── SAM_100_0046_SMALL.jpg
│ └── SAM_100_0063_SMALL.jpg
├── Feisar_Ship_OBJ
│ ├── Feisar_Ship.mtl
│ ├── Feisar_Ship.obj
│ └── maps
│ │ ├── diffuse.bmp
│ │ ├── diffuse.jpg
│ │ ├── diffuse_green.jpg
│ │ ├── diffuse_red.jpg
│ │ ├── normal.jpg
│ │ ├── specular.bmp
│ │ └── specular.jpg
├── components
│ ├── clone.js
│ ├── curve.js
│ └── ship-controller.js
├── hand
│ ├── hand-fist.obj
│ └── hand-relaxed.obj
├── kitchen
│ ├── CakeBake.png
│ ├── CounterBake.png
│ ├── FridgeBake.png
│ ├── RoomBake.png
│ ├── SwirlBake.png
│ ├── backwall.png
│ ├── envmap
│ │ ├── 0001.png
│ │ ├── 0002.png
│ │ ├── 0003.png
│ │ ├── 0004.png
│ │ ├── 0005.png
│ │ └── 0006.png
│ ├── images
│ │ ├── backwall.png
│ │ ├── environment.jpg
│ │ └── normalmap_tile_even.png
│ ├── lickthewhisk.blend
│ ├── lickthewhisk.json
│ └── normalmap_tile_even.png
├── ninja
│ ├── NinjaLo_bin.bin
│ ├── NinjaLo_bin.js
│ ├── ao.jpg
│ ├── displacement.jpg
│ ├── displacement.txt
│ └── normal.jpg
├── race-track
│ ├── race-track.mtl
│ └── race-track.obj
└── sky
│ └── CGSkies_0347_free.jpg
├── aframe-v0.4.0.min.js
├── aframe-v0.4.0.min.js.map
├── aframe.min.js
├── aframe.min.js.map
├── audio-play
├── README.md
├── audio
│ └── duck-quack.mp3
├── index.html
├── js
│ └── demo.js
├── models
│ ├── LICENSE.txt
│ ├── rubber-duck.json
│ ├── rubber-duck.mtl
│ └── rubber-duck.obj
└── screenshot.jpg
├── flickr-carousel
├── README.md
├── components
│ ├── aframe-layout-component.min.js
│ ├── aframe-look-at-component.min.js
│ ├── flickr-search.js
│ └── rotate-on-click.js
├── entities
│ └── flickr-carousel.js
├── images
│ └── sky_by_gawthrop.jpg
├── index.html
└── js
│ └── main.js
├── images
├── icon-master.xcf
├── icon192.png
└── icon512.png
├── index.html
├── index.scss
├── kitchen
├── index.html
└── scene-materials.js
├── link-to-copresence.html
├── manifest.json
├── racer
├── curve.js
├── icon192.png
├── icon512.png
├── index.html
├── manifest.json
└── sw.js
├── scripts
├── init-service-worker.js
├── sw-toolbox.js
└── sw-toolbox.map.json
├── speech
├── README.md
├── index.html
└── js
│ ├── aframe-bmfont-text-component.min.js
│ ├── demo.js
│ ├── svrbutton.js
│ ├── svrbutton_helper.js
│ └── svrtextarea.js
└── super-standard.html
/.eslintrc:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | _site/
2 |
--------------------------------------------------------------------------------
/360-video/README.md:
--------------------------------------------------------------------------------
1 | # 360 Video Demo
2 |
3 | This demonstrates a 360 video playing in the background, with 3D models placed in the scene. You should see some 3D
4 | blocks on the pavement and a rubber duck bobbing up and down on the river!
5 |
6 | 
7 |
8 | Thanks to [Diego Gonzalez](https://github.com/diekus) for the video, recorded in Paris with a Samsung Gear 360.
9 |
10 | Please note there is a current restriction on Chromium browsers on Android, that video [requires a user interaction before it can play](https://github.com/aframevr/aframe/issues/316).
11 | That's solved in this demo by having a prompt at the beginning.
12 |
--------------------------------------------------------------------------------
/360-video/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: a-frame
3 | title: 360 Video
4 | description: Background 360 video demo
5 | author: Peter O'Shaughnessy
6 | scripts: [
7 | '/a-frame-demos/aframe-v0.4.0.min.js'
8 | ]
9 | ---
10 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
360° video demo
64 |
Watch out for the duck!
65 |
66 |
18 |
19 |
20 |
25 |
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/flickr-carousel/js/main.js:
--------------------------------------------------------------------------------
1 | // To generate an API URL, visit: https://www.flickr.com/services/api/explore/flickr.photos.search
2 | var API_URL = 'https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=e0a100af1e50282bf685a422d5aa22c4&text=llama+farm&safe_search=&per_page=15&format=json&nojsoncallback=1';
3 |
4 | var NUM_PHOTOS = 15;
5 | var DEGS_TO_RADIANS = Math.PI / 180;
6 | var CAROUSEL_ROTATE_RADIANS = 360 * DEGS_TO_RADIANS / NUM_PHOTOS;
7 |
8 | var scene = document.getElementById('scene');
9 | var assets = document.querySelector('a-assets');
10 | var imageContainer = document.getElementById('imageContainer');
11 |
12 | var currentRotationY = 18 * DEGS_TO_RADIANS;
13 | var imageSrcArray = [];
14 |
15 | var carouselTween;
16 |
17 | function generateImage(id, src) {
18 |
19 | var imgEl = document.createElement('img');
20 | imgEl.id = 'img' + id;
21 | imgEl.crossOrigin = "anonymous";
22 | imgEl.setAttribute('src', src);
23 |
24 | assets.appendChild(imgEl);
25 |
26 | var aframeImageEl = document.createElement('a-image');
27 | aframeImageEl.setAttribute('src', '#img' + id);
28 | aframeImageEl.setAttribute('width', 1.25);
29 | aframeImageEl.setAttribute('height', 1);
30 |
31 | // Rotate the image to face the centre
32 | aframeImageEl.setAttribute('look-at', '0 0.75 0');
33 |
34 | imageContainer.appendChild(aframeImageEl);
35 |
36 | }
37 |
38 | function generateImages() {
39 |
40 | for (var i=0; i < imageSrcArray.length; i++) {
41 | generateImage(i, imageSrcArray[i]);
42 | }
43 |
44 | console.log('Generated images');
45 |
46 | }
47 |
48 | /**
49 | * For URL format details, see: https://www.flickr.com/services/api/misc.urls.html
50 | */
51 | function processImageUrls(photos) {
52 |
53 | imageSrcArray = [];
54 |
55 | for (var i=0; i < photos.length; i++) {
56 | var photo = photos[i];
57 | // This would be neater as a template literal, but that needs support/transpilation/polyfilling
58 | var domain = 'https://farm'+photo.farm+'.staticflickr.com';
59 | var path = '/'+photo.server+'/';
60 | var filename = photo.id+'_'+photo.secret+'_z.jpg';
61 | imageSrcArray.push(domain + path + filename);
62 | }
63 |
64 | console.log('Processed URLs');
65 |
66 | }
67 |
68 | function animate(time) {
69 | if (carouselTween) {
70 | carouselTween.update(time);
71 | }
72 | requestAnimationFrame(animate);
73 | }
74 |
75 | function setupTween() {
76 |
77 | var targetRotation = currentRotationY + CAROUSEL_ROTATE_RADIANS;
78 |
79 | carouselTween = new AFRAME.TWEEN.Tween(imageContainer.object3D.rotation)
80 | .to({y: targetRotation}, 500)
81 | .onComplete(function() {
82 | currentRotationY = targetRotation;
83 | });
84 | }
85 |
86 | function setupAnimation() {
87 |
88 | scene.addEventListener('click', function () {
89 | setupTween();
90 | carouselTween.start();
91 | });
92 |
93 | requestAnimationFrame(animate);
94 |
95 | }
96 |
97 | function fetchImages() {
98 |
99 | fetch(API_URL)
100 | .then(function(response) {
101 | return response.json();
102 | })
103 | .then(function(json) {
104 | processImageUrls(json.photos.photo);
105 | generateImages();
106 | })
107 | .catch(function (err) {
108 | console.error('Unable to fetch photos', err);
109 | });
110 |
111 | }
112 |
113 | function init() {
114 | setupAnimation();
115 | fetchImages();
116 | }
117 |
118 | init();
119 |
--------------------------------------------------------------------------------
/images/icon-master.xcf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamsungInternet/a-frame-demos/9611b694d96058092e7bba9a6ec74db5995547e9/images/icon-master.xcf
--------------------------------------------------------------------------------
/images/icon192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamsungInternet/a-frame-demos/9611b694d96058092e7bba9a6ec74db5995547e9/images/icon192.png
--------------------------------------------------------------------------------
/images/icon512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamsungInternet/a-frame-demos/9611b694d96058092e7bba9a6ec74db5995547e9/images/icon512.png
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: store
3 | title: Samsung A-Frame Demos
4 | ---
5 |
6 | Samsung A-Frame Demos
7 |
8 |
9 | This site contains links to demos prodcuced to test or build with a-frame.
10 |
11 |
12 |
16 |
17 | Web Apps
18 |
19 | {% for page in site.pages %}
20 | {% if page.meta %}
21 |
27 | {% endif %}
28 | {% endfor %}
29 |
30 | Demos
31 |
32 |
33 | {% for page in site.pages %}
34 | {% if page.meta == null %}
35 | {% if page.layout == 'a-frame' %}
36 |
39 | {% endif %}
40 | {% endif %}
41 | {% endfor %}
--------------------------------------------------------------------------------
/index.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 |
4 | html, body {
5 | font-family: sans;
6 | }
7 |
8 | .store-item {
9 | display: block;
10 | display: flex;
11 |
12 | .store-icon {
13 | width: 5em;
14 | display: inline-block;
15 | text-align: center;
16 |
17 | img {
18 | width: 100%;
19 | }
20 |
21 | }
22 |
23 | .description {
24 | padding: 1em;
25 | float: right;
26 | }
27 |
28 | :after {
29 | content: "";
30 | display: block;
31 | clear: both;
32 | }
33 | }
--------------------------------------------------------------------------------
/kitchen/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: a-frame
3 | title: Lick the Whisk
4 | description: Scene for viewing recipes
5 | image: https://cdn-images-1.medium.com/max/1600/1*5C86U-OZFf4eYedrsIEjqw.png
6 | scripts: [
7 |
8 | # A-Frame
9 | '/a-frame-demos/aframe.min.js', # A-Frame 0.3
10 |
11 | # Required to load the demo model
12 | 'https://cdn.rawgit.com/mrdoob/three.js/r79/examples/js/loaders/BinaryLoader.js',
13 |
14 | # JSON loader
15 | 'https://cdn.rawgit.com/donmccurdy/aframe-extras/v2.3.0/dist/aframe-extras.loaders.min.js'
16 | ]
17 | ---
18 |
19 |
20 |
21 | 
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/kitchen/scene-materials.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Update textures to Baked ones and add envmap
3 | */
4 |
5 | var textureLoader = new THREE.TextureLoader();
6 | var cubeTextureLoader = new THREE.CubeTextureLoader();
7 | var sceneEl = document.getElementsByTagName('a-scene')[0];
8 | var scene = sceneEl.object3D;
9 | var jsonEl = document.querySelector('[three-model]');
10 |
11 | /**
12 | * Helper for picking objects from a scene
13 | * @param {Object3d} root root Object3d e.g. a scene or a mesh
14 | * @param {[String]} namesIn list of namesd to find e.g. 'Camera' or 'Floor'
15 | * @return {Object map} map of names to objects {'Camera': (THREE.Camera with name Camera), 'Floor': (THREE.Mesh with name Floor)}
16 | */
17 | function pickObjectsHelper(root, namesIn) {
18 |
19 | var collection = {};
20 | var names = new Set(namesIn);
21 |
22 | (function pickObjects(root) {
23 | if (root.children) {
24 | root.children.forEach(function (node) {
25 | if (names.has(node.name)) {
26 | collection[node.name] = node;
27 | names.delete(node.name);
28 | }
29 | if (names.size) {
30 | pickObjects(node);
31 | }
32 | });
33 | }
34 | })(root);
35 |
36 | if (names.size) {
37 | console.warn('Not all objects found: ' + names.values().next().value + ' missing');
38 | }
39 |
40 | return collection;
41 | }
42 |
43 | jsonEl.addEventListener('model-loaded', function () {
44 | // Select objects from the scene for later processing.
45 | var toTexture = pickObjectsHelper(scene, ['Room', 'Counter', 'Cake', 'Swirl.000', 'Swirl.001', 'Swirl.002', 'Swirl.003', 'Swirl.004', 'Swirl.005', 'Swirl.006', 'Swirl.007', 'Swirl.008', 'Swirl.009']);
46 | var toShiny = pickObjectsHelper(scene, ['LickTheWhisk', 'Whisk', 'SaucePan', 'SaucePan.001', 'SaucePan.002', 'SaucePan.003', 'Fridge']);
47 | Object.keys(toTexture).forEach(function (name) {
48 | textureLoader.load('/a-frame-demos/a-frame-assets/kitchen/' + name.split('.')[0] + 'Bake.png', function (map) {
49 | toTexture[name].material = new THREE.MeshBasicMaterial({map: map})
50 | });
51 | });
52 |
53 | var path = "/a-frame-demos/a-frame-assets/kitchen/envmap/";
54 | var format = '.png';
55 | var urls = [
56 | path + '0004' + format, // +x
57 | path + '0002' + format, // -x
58 | path + '0006' + format, // +y
59 | path + '0005' + format, // -y
60 | path + '0001' + format, // +z
61 | path + '0003' + format // -z
62 | ];
63 | cubeTextureLoader.load(urls, function (envMap) {
64 | var copper = new THREE.MeshPhongMaterial( { color: 0xff9999, specular: 0x772222, envMap: envMap, combine: THREE.MixOperation, reflectivity: 0.3, metal: true} );
65 | var aluminium = new THREE.MeshPhongMaterial( { color: 0x888888, specular: 0x999999, envMap: envMap, combine: THREE.MixOperation, reflectivity: 0.3, metal: true} );
66 | var chocolate = new THREE.MeshPhongMaterial( { color: toShiny.LickTheWhisk.material.color, specular: 0x999999, envMap: envMap, combine: THREE.MixOperation, reflectivity: 0.3, metal: true} );
67 |
68 | toShiny['SaucePan'].material = copper;
69 | toShiny['SaucePan.001'].material = copper;
70 | toShiny['SaucePan.002'].material = copper;
71 | toShiny['SaucePan.003'].material = copper;
72 | toShiny.Whisk.material = aluminium;
73 | toShiny.LickTheWhisk.material = chocolate;
74 |
75 | textureLoader.load('/a-frame-demos/a-frame-assets/kitchen/FridgeBake.png', function (map) {
76 | toShiny.Fridge.material = new THREE.MeshPhongMaterial({map:map, envMap:envMap, combine: THREE.MixOperation, specular: 0x999999, reflectivity: 0.3, metal: true, side: THREE.DoubleSide });
77 | });
78 |
79 | });
80 |
81 | });
--------------------------------------------------------------------------------
/link-to-copresence.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: a-frame
3 | redirect_to: https://copresence.herokuapp.com/
4 | title: Copresence
5 | description: An experiment in using webrtc to perform copresence
6 | ---
--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 | {
4 | "name": "A-Frame Demos",
5 | "shortname": "Demos",
6 | "icons": [
7 | {
8 | "src": "{{ site.baseurl }}/images/icon512.png",
9 | "sizes": "192x192",
10 | "type": "image/png"
11 | },
12 | {
13 | "src": "{{ site.baseurl }}/images/icon192.png",
14 | "sizes": "192x192",
15 | "type": "image/png"
16 | }
17 | ],
18 | "start_url": "{{ site.baseurl }}/",
19 | "display": "standalone",
20 | "orientation": "portrait",
21 | "background_color": "white",
22 | "theme_color": "#8953D8"
23 | }
24 |
--------------------------------------------------------------------------------
/racer/curve.js:
--------------------------------------------------------------------------------
1 |
2 | /* For dealing with spline curves */
3 |
4 | var __tempVector1 = new THREE.Vector3();
5 | var __tempVector2 = new THREE.Vector3();
6 | var up = new THREE.Vector3(0, 1, 0);
7 | var zAxis = new THREE.Vector3(0, 0, 1);
8 | var degToRad = THREE.Math.degToRad;
9 |
10 | AFRAME.registerComponent('curve-point', {
11 |
12 | dependencies: ['position'],
13 |
14 | schema: {
15 | position: {type: 'vec3', default: '0 0 0'}
16 | },
17 |
18 | init: function () {
19 | var el = this.el;
20 | while (el && !el.matches('[curve]')) el = el.parentNode;
21 | this.parentCurve = el;
22 | },
23 |
24 | update: function () {
25 | this.el.object3D.position.copy(this.data.position);
26 | this.parentCurve.updateComponent('curve');
27 | },
28 |
29 | remove: function () {
30 | this.update();
31 | }
32 |
33 | });
34 |
35 | AFRAME.registerComponent('curve', {
36 |
37 | schema: {
38 |
39 | // CatmullRom
40 | // Spline
41 | // CubicBezier
42 | // QuadraticBezier
43 | // Line
44 | type: {
45 | default: 'CatmullRom'
46 | }
47 | },
48 |
49 | update: function () {
50 | this.needsUpdate = true;
51 | },
52 |
53 | tick: function () {
54 | if (!this.needsUpdate) return;
55 | this.needsUpdate = false;
56 | this.threeConstructor = THREE[this.data.type + 'Curve3'];
57 |
58 | var points = Array.from(this.el.querySelectorAll('a-curve-point')).filter(function (a) { return a.tagName === 'A-CURVE-POINT' });
59 |
60 | if (points.length <= 1) return;
61 |
62 | this.points = points.map(function (a) {
63 | if (a.x !== undefined && a.y !== undefined && a.z !== undefined) {
64 | return a;
65 | }
66 |
67 | // flush position information to object 3D
68 |
69 | a.updateComponent('position');
70 | return a.object3D.getWorldPosition()
71 | });
72 |
73 | // apply the points as ags to the Beziers
74 | if (this.data.type.match(/QuadraticBezier|CubicBezier|Line/)) {
75 | this.curve = (Function.prototype.bind.apply(this.threeConstructor, this.points));
76 | } else {
77 | if (!this.threeConstructor) {
78 | this.pause();
79 | throw ('No Three constructor of type (case sensitive): ' + this.data.type + 'Curve3');
80 | }
81 | this.curve = new this.threeConstructor(this.points);
82 | }
83 |
84 | this.el.emit('curve-updated');
85 |
86 | this.ready = true;
87 | },
88 |
89 | remove: function () {
90 | this.curve = null;
91 | this.points = null;
92 | this.ready = false;
93 | },
94 |
95 | closestPointInLocalSpace: function closestPoint(point, resolution, testPoint, currentRes) {
96 | if (!this.ready) throw Error('Curve not instantiated yet.');
97 | resolution = resolution || 0.1 / this.curve.getLength();
98 | currentRes = currentRes || 0.5;
99 | testPoint = testPoint || 0.5;
100 | currentRes /= 2;
101 | var aTest = testPoint + currentRes;
102 | var bTest = testPoint - currentRes;
103 | var a = this.curve.getPointAt(aTest);
104 | var b = this.curve.getPointAt(bTest);
105 | var aDistance = a.distanceTo(point);
106 | var bDistance = b.distanceTo(point);
107 | var aSmaller = aDistance < bDistance;
108 | if (currentRes < resolution) {
109 |
110 | var tangent = this.curve.getTangentAt(aSmaller ? aTest : bTest);
111 | if (currentRes < resolution) return {
112 | result: aSmaller ? aTest : bTest,
113 | location: aSmaller ? a : b,
114 | distance: aSmaller ? aDistance : bDistance,
115 | normal: normalFromTangent(tangent),
116 | tangent: tangent
117 | };
118 | }
119 | if (aDistance < bDistance) {
120 | return this.closestPointInLocalSpace(point, resolution, aTest, currentRes);
121 | } else {
122 | return this.closestPointInLocalSpace(point, resolution, bTest, currentRes);
123 | }
124 | }
125 | });
126 |
127 |
128 | var tempQuaternion = new THREE.Quaternion();
129 | function normalFromTangent(tangent) {
130 | var lineEnd = new THREE.Vector3(0, 1, 0);
131 | tempQuaternion.setFromUnitVectors(zAxis, tangent);
132 | lineEnd.applyQuaternion(tempQuaternion);
133 | return lineEnd;
134 | }
135 |
136 | AFRAME.registerShader('line', {
137 | schema: {},
138 |
139 | init: function (data) {
140 | this.material = new THREE.LineBasicMaterial(data);
141 | }
142 | });
143 |
144 | AFRAME.registerComponent('draw-curve', {
145 |
146 | dependencies: ['curve', 'material '],
147 |
148 | schema: {
149 | curve: { type: 'selector' },
150 | spacing: { default: 1 },
151 | tangent: { default: false },
152 | normal: { default: true }
153 | },
154 |
155 | init: function () {
156 | this.data.curve.addEventListener('curve-updated', this.update.bind(this));
157 | },
158 |
159 | update: function () {
160 | if (this.data.curve) {
161 | this.curve = this.data.curve.components.curve;
162 | } else if (this.components.curve.curve) {
163 | this.curve = this.components.curve;
164 | }
165 |
166 | if (this.curve.curve) {
167 |
168 | var length = this.curve.curve.getLength();
169 | var start = 0;
170 | var end = length;
171 |
172 | var counter = start
173 | var tangent;
174 | var line;
175 | var lineEnd;
176 | var tangentGeometry;
177 | var normalGeometry;
178 | var mesh = this.el.getOrCreateObject3D('mesh', THREE.Line);
179 | var geometry = mesh.geometry = new THREE.Geometry();
180 |
181 | while (counter < end) {
182 | var p = this.curve.curve.getPointAt(counter / length);
183 | geometry.vertices.push(p);
184 |
185 | if (this.data.tangent) {
186 | tangentGeometry = new THREE.Geometry();
187 |
188 | lineEnd = new THREE.Vector3();
189 | lineEnd.copy(p);
190 | lineEnd.add(this.curve.curve.getTangentAt(counter / length).normalize().multiplyScalar(5));
191 |
192 | tangentGeometry.vertices.push(new THREE.Vector3().copy(p));
193 | tangentGeometry.vertices.push(lineEnd);
194 |
195 | line = new THREE.Line(
196 | tangentGeometry,
197 | new THREE.LineBasicMaterial({
198 | color: 'green'
199 | })
200 | );
201 |
202 | mesh.add(line);
203 | }
204 |
205 | if (this.data.normal) {
206 | normalGeometry = new THREE.Geometry();
207 | lineEnd = normalFromTangent(this.curve.curve.getTangentAt(counter / length).normalize());
208 | lineEnd.add(p);
209 |
210 | normalGeometry.vertices.push(new THREE.Vector3().copy(p));
211 | normalGeometry.vertices.push(lineEnd);
212 |
213 | line = new THREE.Line(
214 | normalGeometry,
215 | new THREE.LineBasicMaterial({
216 | color: 'white'
217 | })
218 | );
219 |
220 | mesh.add(line);
221 | }
222 |
223 | counter += this.data.spacing;
224 | }
225 | }
226 | },
227 |
228 | remove: function () {
229 |
230 | this.el.getObject3D('mesh').geometry = new THREE.Geometry();
231 | }
232 |
233 | });
234 |
235 | AFRAME.registerComponent('clone-along-curve', {
236 |
237 | dependencies: ['curve'],
238 |
239 | schema: {
240 | curve: { type: 'selector' },
241 | spacing: { default: 1 },
242 | rotation: {
243 | type: 'vec3',
244 | default: '0 0 0'
245 | },
246 | scale: {
247 | type: 'vec3',
248 | default: '1 1 1'
249 | }
250 | },
251 |
252 | init: function () {
253 | this.el.addEventListener('model-loaded', this.update.bind(this));
254 | this.data.curve.addEventListener('curve-updated', this.update.bind(this));
255 | },
256 |
257 | update: function () {
258 | this.remove();
259 | if (this.data.curve) {
260 | this.curve = this.data.curve.components.curve;
261 | } else if (this.components.curve.curve) {
262 | this.curve = this.components.curve;
263 | }
264 | },
265 |
266 | tick: function () {
267 | if (!this.el.getObject3D('clones') && this.curve) {
268 |
269 | var mesh = this.el.getObject3D('mesh');
270 |
271 |
272 | var length = this.curve.curve.getLength();
273 | var start = 0;
274 | var end = length;
275 | var counter = start;
276 |
277 | var cloneMesh = this.el.getOrCreateObject3D('clones', THREE.Group);
278 |
279 | var parent = new THREE.Object3D();
280 | mesh.scale.set(this.data.scale.x, this.data.scale.y, this.data.scale.z);
281 | mesh.rotation.set(degToRad(this.data.rotation.x), degToRad(this.data.rotation.y), degToRad(this.data.rotation.z));
282 | mesh.rotation.order = 'YXZ';
283 |
284 | parent.add(mesh);
285 |
286 | while (counter < end) {
287 |
288 | var child = parent.clone(true);
289 |
290 | child.position.copy( this.curve.curve.getPointAt(counter/length) );
291 |
292 | tangent = this.curve.curve.getTangentAt(counter/length).normalize();
293 |
294 | child.quaternion.setFromUnitVectors(zAxis, tangent);
295 |
296 | cloneMesh.add(child);
297 |
298 | counter += this.data.spacing;
299 | }
300 | }
301 | },
302 |
303 | remove: function () {
304 | this.curve = null;
305 | this.el.removeObject3D('clones');
306 | }
307 |
308 | });
309 |
310 | AFRAME.registerPrimitive('a-draw-curve', {
311 | defaultComponents: {
312 | 'draw-curve': {},
313 | 'material': {}
314 | },
315 | mappings: {
316 | curve: 'draw-curve.curve',
317 | material: 'material'
318 | }
319 | });
320 |
321 | AFRAME.registerPrimitive('a-curve-point', {
322 | defaultComponents: {
323 | 'curve-point': {
324 | position: '0 0 0'
325 | }
326 | },
327 | mappings: {
328 | position: 'curve-point.position'
329 | }
330 | });
331 |
332 |
333 | AFRAME.registerPrimitive('a-curve', {
334 |
335 | defaultComponents: {
336 | 'curve': {}
337 | },
338 |
339 | mappings: {
340 | curve: 'curve',
341 | }
342 |
343 | });
344 |
--------------------------------------------------------------------------------
/racer/icon192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamsungInternet/a-frame-demos/9611b694d96058092e7bba9a6ec74db5995547e9/racer/icon192.png
--------------------------------------------------------------------------------
/racer/icon512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamsungInternet/a-frame-demos/9611b694d96058092e7bba9a6ec74db5995547e9/racer/icon512.png
--------------------------------------------------------------------------------
/racer/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: a-frame
3 | title: A-Frame Racer
4 | description: Speed through ruined tracks in the ocean.
5 | image: https://cdn-images-1.medium.com/max/1600/1*4SZ_eI61m8c03Kdvyr8RCw.png
6 | meta: racer
7 | redirect_from: "/racer.html"
8 | scripts: [
9 | '/a-frame-demos/scripts/init-service-worker.js',
10 | 'https://aframe.io/releases/0.4.0/aframe.min.js', # Latest A-Frame Master
11 | 'https://cdn.rawgit.com/ngokevin/aframe-look-at-component/master/dist/aframe-look-at-component.min.js', # look at component
12 | 'https://cdn.rawgit.com/SamsungInternet/a-frame-components/v0.0.1/dist/follow.js',
13 | 'curve.js',
14 | 'https://samsunginter.net/a-frame-components/dist/ocean-plane.js',
15 | '/a-frame-demos/a-frame-assets/components/ship-controller.js',
16 | ]
17 | ---
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 | 
31 |
32 |
33 | 
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
225 |
--------------------------------------------------------------------------------
/racer/manifest.json:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 | {
4 | "name": "A-Frame Racer",
5 | "shortname": "Racer",
6 | "icons": [
7 | {
8 | "src": "{{ site.baseurl }}/racer/icon512.png",
9 | "sizes": "192x192",
10 | "type": "image/png"
11 | },
12 | {
13 | "src": "{{ site.baseurl }}/racer/icon192.png",
14 | "sizes": "192x192",
15 | "type": "image/png"
16 | }
17 | ],
18 | "start_url": "{{ site.baseurl }}/racer/",
19 | "display": "standalone",
20 | "orientation": "landscape",
21 | "background_color": "white",
22 | "theme_color": "#8953D8"
23 | }
24 |
--------------------------------------------------------------------------------
/racer/sw.js:
--------------------------------------------------------------------------------
1 | /* global toolbox, importScripts, self */
2 | /* jshint browser:true */
3 | 'use strict';
4 |
5 | importScripts('/a-frame-demos/scripts/sw-toolbox.js');
6 |
7 | toolbox.options.networkTimeoutSeconds = 3;
8 | toolbox.router.default = (location.protocol === 'http:' || location.hostname === 'localhost') ? toolbox.networkFirst : toolbox.fastest;
9 |
--------------------------------------------------------------------------------
/scripts/init-service-worker.js:
--------------------------------------------------------------------------------
1 | if ('serviceWorker' in navigator) {
2 | navigator.serviceWorker.register('sw.js')
3 | .then(function(reg) {
4 | console.log('sw registered', reg);
5 | }).catch(function(error) {
6 | console.log('sw registration failed with ' + error);
7 | });
8 | }
9 |
--------------------------------------------------------------------------------
/scripts/sw-toolbox.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2014 Google Inc. All Rights Reserved.
3 |
4 | Licensed under the Apache License, Version 2.0 (the "License");
5 | you may not use this file except in compliance with the License.
6 | You may obtain a copy of the License at
7 |
8 | http://www.apache.org/licenses/LICENSE-2.0
9 |
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | */
16 |
17 | (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.toolbox = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;or.value[TIMESTAMP_PROPERTY]){var t=r.value[URL_PROPERTY];u.push(t),s["delete"](t),r["continue"]()}},c.oncomplete=function(){t(u)},c.onabort=o}):Promise.resolve([])}function expireExtraEntries(e,r){return r?new Promise(function(n,t){var o=[],i=e.transaction(STORE_NAME,"readwrite"),u=i.objectStore(STORE_NAME),c=u.index(TIMESTAMP_PROPERTY),s=c.count();c.count().onsuccess=function(){var e=s.result;e>r&&(c.openCursor().onsuccess=function(n){var t=n.target.result;if(t){var i=t.value[URL_PROPERTY];o.push(i),u["delete"](i),e-o.length>r&&t["continue"]()}})},i.oncomplete=function(){n(o)},i.onabort=t}):Promise.resolve([])}function expireEntries(e,r,n,t){return expireOldEntries(e,n,t).then(function(n){return expireExtraEntries(e,r).then(function(e){return n.concat(e)})})}var DB_PREFIX="sw-toolbox-",DB_VERSION=1,STORE_NAME="store",URL_PROPERTY="url",TIMESTAMP_PROPERTY="timestamp",cacheNameToDbPromise={};module.exports={getDb:getDb,setTimestampForUrl:setTimestampForUrl,expireEntries:expireEntries};
21 | },{}],3:[function(require,module,exports){
22 | "use strict";var scope;scope=self.registration?self.registration.scope:self.scope||new URL("./",self.location).href,module.exports={cache:{name:"$$$toolbox-cache$$$"+scope+"$$$",maxAgeSeconds:null,maxEntries:null},debug:!1,networkTimeoutSeconds:null,preCacheItems:[],successResponses:/^0|([123]\d\d)|(40[14567])|410$/};
23 | },{}],4:[function(require,module,exports){
24 | "use strict";var url=new URL("./",self.location),basePath=url.pathname,pathRegexp=require("path-to-regexp"),Route=function(e,t,i,s){t instanceof RegExp?this.fullUrlRegExp=t:(0!==t.indexOf("/")&&(t=basePath+t),this.keys=[],this.regexp=pathRegexp(t,this.keys)),this.method=e,this.options=s,this.handler=i};Route.prototype.makeHandler=function(e){var t;if(this.regexp){var i=this.regexp.exec(e);t={},this.keys.forEach(function(e,s){t[e.name]=i[s+1]})}return function(e){return this.handler(e,t,this.options)}.bind(this)},module.exports=Route;
25 | },{"path-to-regexp":14}],5:[function(require,module,exports){
26 | "use strict";function regexEscape(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}var Route=require("./route"),keyMatch=function(e,t){for(var r=e.entries(),o=r.next(),n=[];!o.done;){var u=new RegExp(o.value[0]);u.test(t)&&n.push(o.value[1]),o=r.next()}return n},Router=function(){this.routes=new Map,this.routes.set(RegExp,new Map),this["default"]=null};["get","post","put","delete","head","any"].forEach(function(e){Router.prototype[e]=function(t,r,o){return this.add(e,t,r,o)}}),Router.prototype.add=function(e,t,r,o){o=o||{};var n;t instanceof RegExp?n=RegExp:(n=o.origin||self.location.origin,n=n instanceof RegExp?n.source:regexEscape(n)),e=e.toLowerCase();var u=new Route(e,t,r,o);this.routes.has(n)||this.routes.set(n,new Map);var a=this.routes.get(n);a.has(e)||a.set(e,new Map);var s=a.get(e),i=u.regexp||u.fullUrlRegExp;s.set(i.source,u)},Router.prototype.matchMethod=function(e,t){var r=new URL(t),o=r.origin,n=r.pathname;return this._match(e,keyMatch(this.routes,o),n)||this._match(e,[this.routes.get(RegExp)],t)},Router.prototype._match=function(e,t,r){if(0===t.length)return null;for(var o=0;o0)return a[0].makeHandler(r)}}return null},Router.prototype.match=function(e){return this.matchMethod(e.method,e.url)||this.matchMethod("any",e.url)},module.exports=new Router;
27 | },{"./route":4}],6:[function(require,module,exports){
28 | "use strict";function cacheFirst(e,r,t){return helpers.debug("Strategy: cache first ["+e.url+"]",t),helpers.openCache(t).then(function(r){return r.match(e).then(function(r){return r?r:helpers.fetchAndCache(e,t)})})}var helpers=require("../helpers");module.exports=cacheFirst;
29 | },{"../helpers":1}],7:[function(require,module,exports){
30 | "use strict";function cacheOnly(e,r,c){return helpers.debug("Strategy: cache only ["+e.url+"]",c),helpers.openCache(c).then(function(r){return r.match(e)})}var helpers=require("../helpers");module.exports=cacheOnly;
31 | },{"../helpers":1}],8:[function(require,module,exports){
32 | "use strict";function fastest(e,n,t){return helpers.debug("Strategy: fastest ["+e.url+"]",t),new Promise(function(r,s){var c=!1,o=[],a=function(e){o.push(e.toString()),c?s(new Error('Both cache and network failed: "'+o.join('", "')+'"')):c=!0},h=function(e){e instanceof Response?r(e):a("No result returned")};helpers.fetchAndCache(e.clone(),t).then(h,a),cacheOnly(e,n,t).then(h,a)})}var helpers=require("../helpers"),cacheOnly=require("./cacheOnly");module.exports=fastest;
33 | },{"../helpers":1,"./cacheOnly":7}],9:[function(require,module,exports){
34 | module.exports={networkOnly:require("./networkOnly"),networkFirst:require("./networkFirst"),cacheOnly:require("./cacheOnly"),cacheFirst:require("./cacheFirst"),fastest:require("./fastest")};
35 | },{"./cacheFirst":6,"./cacheOnly":7,"./fastest":8,"./networkFirst":10,"./networkOnly":11}],10:[function(require,module,exports){
36 | "use strict";function networkFirst(e,r,t){t=t||{};var s=t.successResponses||globalOptions.successResponses,n=t.networkTimeoutSeconds||globalOptions.networkTimeoutSeconds;return helpers.debug("Strategy: network first ["+e.url+"]",t),helpers.openCache(t).then(function(r){var o,u,i=[];if(n){var c=new Promise(function(t){o=setTimeout(function(){r.match(e).then(function(e){e&&t(e)})},1e3*n)});i.push(c)}var a=helpers.fetchAndCache(e,t).then(function(e){if(o&&clearTimeout(o),s.test(e.status))return e;throw helpers.debug("Response was an HTTP error: "+e.statusText,t),u=e,new Error("Bad response")})["catch"](function(s){return helpers.debug("Network or response error, fallback to cache ["+e.url+"]",t),r.match(e).then(function(e){if(e)return e;if(u)return u;throw s})});return i.push(a),Promise.race(i)})}var globalOptions=require("../options"),helpers=require("../helpers");module.exports=networkFirst;
37 | },{"../helpers":1,"../options":3}],11:[function(require,module,exports){
38 | "use strict";function networkOnly(e,r,t){return helpers.debug("Strategy: network only ["+e.url+"]",t),fetch(e)}var helpers=require("../helpers");module.exports=networkOnly;
39 | },{"../helpers":1}],12:[function(require,module,exports){
40 | "use strict";function cache(e,t){return helpers.openCache(t).then(function(t){return t.add(e)})}function uncache(e,t){return helpers.openCache(t).then(function(t){return t["delete"](e)})}function precache(e){e instanceof Promise||validatePrecacheInput(e),options.preCacheItems=options.preCacheItems.concat(e)}require("serviceworker-cache-polyfill");var options=require("./options"),router=require("./router"),helpers=require("./helpers"),strategies=require("./strategies");helpers.debug("Service Worker Toolbox is loading");var flatten=function(e){return e.reduce(function(e,t){return e.concat(t)},[])},validatePrecacheInput=function(e){var t=Array.isArray(e);if(t&&e.forEach(function(e){"string"==typeof e||e instanceof Request||(t=!1)}),!t)throw new TypeError("The precache method expects either an array of strings and/or Requests or a Promise that resolves to an array of strings and/or Requests.");return e};self.addEventListener("install",function(e){var t=options.cache.name+"$$$inactive$$$";helpers.debug("install event fired"),helpers.debug("creating cache ["+t+"]"),e.waitUntil(helpers.openCache({cache:{name:t}}).then(function(e){return Promise.all(options.preCacheItems).then(flatten).then(validatePrecacheInput).then(function(t){return helpers.debug("preCache list: "+(t.join(", ")||"(none)")),e.addAll(t)})}))}),self.addEventListener("activate",function(e){helpers.debug("activate event fired");var t=options.cache.name+"$$$inactive$$$";e.waitUntil(helpers.renameCache(t,options.cache.name))}),self.addEventListener("fetch",function(e){var t=router.match(e.request);t?e.respondWith(t(e.request)):router["default"]&&"GET"===e.request.method&&e.respondWith(router["default"](e.request))}),module.exports={networkOnly:strategies.networkOnly,networkFirst:strategies.networkFirst,cacheOnly:strategies.cacheOnly,cacheFirst:strategies.cacheFirst,fastest:strategies.fastest,router:router,options:options,cache:cache,uncache:uncache,precache:precache};
41 | },{"./helpers":1,"./options":3,"./router":5,"./strategies":9,"serviceworker-cache-polyfill":15}],13:[function(require,module,exports){
42 | module.exports=Array.isArray||function(r){return"[object Array]"==Object.prototype.toString.call(r)};
43 | },{}],14:[function(require,module,exports){
44 | function parse(e){for(var t,r=[],n=0,o=0,a="";null!=(t=PATH_REGEXP.exec(e));){var p=t[0],i=t[1],s=t.index;if(a+=e.slice(o,s),o=s+p.length,i)a+=i[1];else{var c=e[o],u=t[2],l=t[3],f=t[4],g=t[5],x=t[6],h=t[7];a&&(r.push(a),a="");var d=null!=u&&null!=c&&c!==u,y="+"===x||"*"===x,m="?"===x||"*"===x,R=t[2]||"/",T=f||g||(h?".*":"[^"+R+"]+?");r.push({name:l||n++,prefix:u||"",delimiter:R,optional:m,repeat:y,partial:d,asterisk:!!h,pattern:escapeGroup(T)})}}return o=46||"Chrome"===r&&n>=50)||(Cache.prototype.addAll=function(t){function e(t){this.name="NetworkError",this.code=19,this.message=t}var r=this;return e.prototype=Object.create(Error.prototype),Promise.resolve().then(function(){if(arguments.length<1)throw new TypeError;return t=t.map(function(t){return t instanceof Request?t:String(t)}),Promise.all(t.map(function(t){"string"==typeof t&&(t=new Request(t));var r=new URL(t.url).protocol;if("http:"!==r&&"https:"!==r)throw new e("Invalid scheme");return fetch(t.clone())}))}).then(function(n){if(n.some(function(t){return!t.ok}))throw new e("Incorrect response status");return Promise.all(n.map(function(e,n){return r.put(t[n],e)}))}).then(function(){})},Cache.prototype.add=function(t){return this.addAll([t])})}();
47 | },{}]},{},[12])(12)
48 | });
49 |
50 |
51 | //# sourceMappingURL=./build/sw-toolbox.map.json
--------------------------------------------------------------------------------
/speech/README.md:
--------------------------------------------------------------------------------
1 | # Web Speech API Demo
2 |
3 | **In progress...**
4 |
5 | This demonstrates using the Web Speech API to dictate a tweet using voice input.
6 |
--------------------------------------------------------------------------------
/speech/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: a-frame
3 | title: Speech
4 | description: Web Speech API tweet demo
5 | author: Peter O'Shaughnessy
6 | scripts: [
7 | '/a-frame-demos/aframe-v0.4.0.min.js',
8 | 'js/aframe-bmfont-text-component.min.js',
9 | 'js/svrbutton_helper.js',
10 | 'js/svrbutton.js',
11 | 'js/svrtextarea.js',
12 | 'js/demo.js'
13 | ]
14 | ---
15 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/speech/js/aframe-bmfont-text-component.min.js:
--------------------------------------------------------------------------------
1 | !function(t){function e(n){if(r[n])return r[n].exports;var i=r[n]={exports:{},id:n,loaded:!1};return t[n].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var r={};return e.m=t,e.c=r,e.p="",e(0)}([function(t,e,r){function n(t,e){o(t.font,function(r,n){if(r)throw r;var i=new THREE.TextureLoader;i.load(t.image,function(t){e(n,t)})})}if("undefined"==typeof AFRAME)throw new Error("Component attempted to register before AFRAME was available.");var i=r(29),o=r(21),a=r(7);r(6),AFRAME.registerComponent("bmfont-text",{schema:{text:{type:"string"},width:{type:"number","default":1e3},align:{type:"string","default":"left"},letterSpacing:{type:"number","default":0},lineHeight:{type:"number","default":38},fnt:{type:"string","default":"https://cdn.rawgit.com/bryik/aframe-bmfont-text-component/aa0655cf90f646e12c40ab4708ea90b4686cfb45/assets/DejaVu-sdf.fnt"},fntImage:{type:"string","default":"https://cdn.rawgit.com/bryik/aframe-bmfont-text-component/aa0655cf90f646e12c40ab4708ea90b4686cfb45/assets/DejaVu-sdf.png"},mode:{type:"string","default":"normal"},color:{type:"color","default":"#000"},opacity:{type:"number","default":"1.0"}},update:function(t){function e(t,e){e.needsUpdate=!0,e.anisotropy=16;var n={font:t,text:o.text,width:o.width,align:o.align,letterSpacing:o.letterSpacing,lineHeight:o.lineHeight,mode:o.mode},u=i(n),s=new THREE.RawShaderMaterial(a({map:e,side:THREE.DoubleSide,transparent:!0,color:o.color,opacity:o.opacity})),f=new THREE.Mesh(u,s);f.rotation.y=Math.PI,f.scale.multiplyScalar(-.005),r.setObject3D("bmfont-text",f)}var r=this.el,o=this.data;n({font:o.fnt,image:o.fntImage},e)},remove:function(){this.el.removeObject3D("bmfont-text")}})},function(t,e,r){(function(t,n){/*!
2 | * The buffer module from node.js, for the browser.
3 | *
4 | * @author Feross Aboukhadijeh
5 | * @license MIT
6 | */
7 | "use strict";function i(){try{var t=new Uint8Array(1);return t.__proto__={__proto__:Uint8Array.prototype,foo:function(){return 42}},42===t.foo()&&"function"==typeof t.subarray&&0===t.subarray(1,1).byteLength}catch(e){return!1}}function o(){return t.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function a(e,r){if(o()=o())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+o().toString(16)+" bytes");return 0|t}function y(e){return+e!=e&&(e=0),t.alloc(+e)}function v(e,r){if(t.isBuffer(e))return e.length;if("undefined"!=typeof ArrayBuffer&&"function"==typeof ArrayBuffer.isView&&(ArrayBuffer.isView(e)||e instanceof ArrayBuffer))return e.byteLength;"string"!=typeof e&&(e=""+e);var n=e.length;if(0===n)return 0;for(var i=!1;;)switch(r){case"ascii":case"latin1":case"binary":return n;case"utf8":case"utf-8":case void 0:return G(e).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*n;case"hex":return n>>>1;case"base64":return J(e).length;default:if(i)return G(e).length;r=(""+r).toLowerCase(),i=!0}}function w(t,e,r){var n=!1;if((void 0===e||e<0)&&(e=0),e>this.length)return"";if((void 0===r||r>this.length)&&(r=this.length),r<=0)return"";if(r>>>=0,e>>>=0,r<=e)return"";for(t||(t="utf8");;)switch(t){case"hex":return P(this,e,r);case"utf8":case"utf-8":return U(this,e,r);case"ascii":return M(this,e,r);case"latin1":case"binary":return O(this,e,r);case"base64":return B(this,e,r);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return L(this,e,r);default:if(n)throw new TypeError("Unknown encoding: "+t);t=(t+"").toLowerCase(),n=!0}}function m(t,e,r){var n=t[e];t[e]=t[r],t[r]=n}function b(e,r,n,i,o){if(0===e.length)return-1;if("string"==typeof n?(i=n,n=0):n>2147483647?n=2147483647:n<-2147483648&&(n=-2147483648),n=+n,isNaN(n)&&(n=o?0:e.length-1),n<0&&(n=e.length+n),n>=e.length){if(o)return-1;n=e.length-1}else if(n<0){if(!o)return-1;n=0}if("string"==typeof r&&(r=t.from(r,i)),t.isBuffer(r))return 0===r.length?-1:E(e,r,n,i,o);if("number"==typeof r)return r=255&r,t.TYPED_ARRAY_SUPPORT&&"function"==typeof Uint8Array.prototype.indexOf?o?Uint8Array.prototype.indexOf.call(e,r,n):Uint8Array.prototype.lastIndexOf.call(e,r,n):E(e,[r],n,i,o);throw new TypeError("val must be string, number or Buffer")}function E(t,e,r,n,i){function o(t,e){return 1===a?t[e]:t.readUInt16BE(e*a)}var a=1,u=t.length,s=e.length;if(void 0!==n&&(n=String(n).toLowerCase(),"ucs2"===n||"ucs-2"===n||"utf16le"===n||"utf-16le"===n)){if(t.length<2||e.length<2)return-1;a=2,u/=2,s/=2,r/=2}var f;if(i){var h=-1;for(f=r;fu&&(r=u-s),f=r;f>=0;f--){for(var c=!0,p=0;pi&&(n=i)):n=i;var o=e.length;if(o%2!==0)throw new TypeError("Invalid hex string");n>o/2&&(n=o/2);for(var a=0;a239?4:o>223?3:o>191?2:1;if(i+u<=r){var s,f,h,c;switch(u){case 1:o<128&&(a=o);break;case 2:s=t[i+1],128===(192&s)&&(c=(31&o)<<6|63&s,c>127&&(a=c));break;case 3:s=t[i+1],f=t[i+2],128===(192&s)&&128===(192&f)&&(c=(15&o)<<12|(63&s)<<6|63&f,c>2047&&(c<55296||c>57343)&&(a=c));break;case 4:s=t[i+1],f=t[i+2],h=t[i+3],128===(192&s)&&128===(192&f)&&128===(192&h)&&(c=(15&o)<<18|(63&s)<<12|(63&f)<<6|63&h,c>65535&&c<1114112&&(a=c))}}null===a?(a=65533,u=1):a>65535&&(a-=65536,n.push(a>>>10&1023|55296),a=56320|1023&a),n.push(a),i+=u}return I(n)}function I(t){var e=t.length;if(e<=tt)return String.fromCharCode.apply(String,t);for(var r="",n=0;nn)&&(r=n);for(var i="",o=e;or)throw new RangeError("Trying to access beyond buffer length")}function k(e,r,n,i,o,a){if(!t.isBuffer(e))throw new TypeError('"buffer" argument must be a Buffer instance');if(r>o||re.length)throw new RangeError("Index out of range")}function j(t,e,r,n){e<0&&(e=65535+e+1);for(var i=0,o=Math.min(t.length-r,2);i>>8*(n?i:1-i)}function H(t,e,r,n){e<0&&(e=4294967295+e+1);for(var i=0,o=Math.min(t.length-r,4);i>>8*(n?i:3-i)&255}function Y(t,e,r,n,i,o){if(r+n>t.length)throw new RangeError("Index out of range");if(r<0)throw new RangeError("Index out of range")}function D(t,e,r,n,i){return i||Y(t,e,r,4,3.4028234663852886e38,-3.4028234663852886e38),K.write(t,e,r,n,23,4),r+4}function N(t,e,r,n,i){return i||Y(t,e,r,8,1.7976931348623157e308,-1.7976931348623157e308),K.write(t,e,r,n,52,8),r+8}function F(t){if(t=X(t).replace(et,""),t.length<2)return"";for(;t.length%4!==0;)t+="=";return t}function X(t){return t.trim?t.trim():t.replace(/^\s+|\s+$/g,"")}function q(t){return t<16?"0"+t.toString(16):t.toString(16)}function G(t,e){e=e||1/0;for(var r,n=t.length,i=null,o=[],a=0;a55295&&r<57344){if(!i){if(r>56319){(e-=3)>-1&&o.push(239,191,189);continue}if(a+1===n){(e-=3)>-1&&o.push(239,191,189);continue}i=r;continue}if(r<56320){(e-=3)>-1&&o.push(239,191,189),i=r;continue}r=(i-55296<<10|r-56320)+65536}else i&&(e-=3)>-1&&o.push(239,191,189);if(i=null,r<128){if((e-=1)<0)break;o.push(r)}else if(r<2048){if((e-=2)<0)break;o.push(r>>6|192,63&r|128)}else if(r<65536){if((e-=3)<0)break;o.push(r>>12|224,r>>6&63|128,63&r|128)}else{if(!(r<1114112))throw new Error("Invalid code point");if((e-=4)<0)break;o.push(r>>18|240,r>>12&63|128,r>>6&63|128,63&r|128)}}return o}function z(t){for(var e=[],r=0;r>8,i=r%256,o.push(i),o.push(n);return o}function J(t){return Z.toByteArray(F(t))}function W(t,e,r,n){for(var i=0;i=e.length||i>=t.length);++i)e[i+r]=t[i];return i}function $(t){return t!==t}var Z=r(10),K=r(16),Q=r(12);e.Buffer=t,e.SlowBuffer=y,e.INSPECT_MAX_BYTES=50,t.TYPED_ARRAY_SUPPORT=void 0!==n.TYPED_ARRAY_SUPPORT?n.TYPED_ARRAY_SUPPORT:i(),e.kMaxLength=o(),t.poolSize=8192,t._augment=function(e){return e.__proto__=t.prototype,e},t.from=function(t,e,r){return u(null,t,e,r)},t.TYPED_ARRAY_SUPPORT&&(t.prototype.__proto__=Uint8Array.prototype,t.__proto__=Uint8Array,"undefined"!=typeof Symbol&&Symbol.species&&t[Symbol.species]===t&&Object.defineProperty(t,Symbol.species,{value:null,configurable:!0})),t.alloc=function(t,e,r){return f(null,t,e,r)},t.allocUnsafe=function(t){return h(null,t)},t.allocUnsafeSlow=function(t){return h(null,t)},t.isBuffer=function(t){return!(null==t||!t._isBuffer)},t.compare=function(e,r){if(!t.isBuffer(e)||!t.isBuffer(r))throw new TypeError("Arguments must be Buffers");if(e===r)return 0;for(var n=e.length,i=r.length,o=0,a=Math.min(n,i);o0&&(t=this.toString("hex",0,r).match(/.{2}/g).join(" "),this.length>r&&(t+=" ... ")),""},t.prototype.compare=function(e,r,n,i,o){if(!t.isBuffer(e))throw new TypeError("Argument must be a Buffer");if(void 0===r&&(r=0),void 0===n&&(n=e?e.length:0),void 0===i&&(i=0),void 0===o&&(o=this.length),r<0||n>e.length||i<0||o>this.length)throw new RangeError("out of range index");if(i>=o&&r>=n)return 0;if(i>=o)return-1;if(r>=n)return 1;if(r>>>=0,n>>>=0,i>>>=0,o>>>=0,this===e)return 0;for(var a=o-i,u=n-r,s=Math.min(a,u),f=this.slice(i,o),h=e.slice(r,n),c=0;ci)&&(r=i),t.length>0&&(r<0||e<0)||e>this.length)throw new RangeError("Attempt to write outside buffer bounds");n||(n="utf8");for(var o=!1;;)switch(n){case"hex":return A(this,t,e,r);case"utf8":case"utf-8":return x(this,t,e,r);case"ascii":return _(this,t,e,r);case"latin1":case"binary":return R(this,t,e,r);case"base64":return T(this,t,e,r);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return S(this,t,e,r);default:if(o)throw new TypeError("Unknown encoding: "+n);n=(""+n).toLowerCase(),o=!0}},t.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var tt=4096;t.prototype.slice=function(e,r){var n=this.length;e=~~e,r=void 0===r?n:~~r,e<0?(e+=n,e<0&&(e=0)):e>n&&(e=n),r<0?(r+=n,r<0&&(r=0)):r>n&&(r=n),r0&&(i*=256);)n+=this[t+--e]*i;return n},t.prototype.readUInt8=function(t,e){return e||C(t,1,this.length),this[t]},t.prototype.readUInt16LE=function(t,e){return e||C(t,2,this.length),this[t]|this[t+1]<<8},t.prototype.readUInt16BE=function(t,e){return e||C(t,2,this.length),this[t]<<8|this[t+1]},t.prototype.readUInt32LE=function(t,e){return e||C(t,4,this.length),(this[t]|this[t+1]<<8|this[t+2]<<16)+16777216*this[t+3]},t.prototype.readUInt32BE=function(t,e){return e||C(t,4,this.length),16777216*this[t]+(this[t+1]<<16|this[t+2]<<8|this[t+3])},t.prototype.readIntLE=function(t,e,r){t=0|t,e=0|e,r||C(t,e,this.length);for(var n=this[t],i=1,o=0;++o=i&&(n-=Math.pow(2,8*e)),n},t.prototype.readIntBE=function(t,e,r){t=0|t,e=0|e,r||C(t,e,this.length);for(var n=e,i=1,o=this[t+--n];n>0&&(i*=256);)o+=this[t+--n]*i;return i*=128,o>=i&&(o-=Math.pow(2,8*e)),o},t.prototype.readInt8=function(t,e){return e||C(t,1,this.length),128&this[t]?(255-this[t]+1)*-1:this[t]},t.prototype.readInt16LE=function(t,e){e||C(t,2,this.length);var r=this[t]|this[t+1]<<8;return 32768&r?4294901760|r:r},t.prototype.readInt16BE=function(t,e){e||C(t,2,this.length);var r=this[t+1]|this[t]<<8;return 32768&r?4294901760|r:r},t.prototype.readInt32LE=function(t,e){return e||C(t,4,this.length),this[t]|this[t+1]<<8|this[t+2]<<16|this[t+3]<<24},t.prototype.readInt32BE=function(t,e){return e||C(t,4,this.length),this[t]<<24|this[t+1]<<16|this[t+2]<<8|this[t+3]},t.prototype.readFloatLE=function(t,e){return e||C(t,4,this.length),K.read(this,t,!0,23,4)},t.prototype.readFloatBE=function(t,e){return e||C(t,4,this.length),K.read(this,t,!1,23,4)},t.prototype.readDoubleLE=function(t,e){return e||C(t,8,this.length),K.read(this,t,!0,52,8)},t.prototype.readDoubleBE=function(t,e){return e||C(t,8,this.length),K.read(this,t,!1,52,8)},t.prototype.writeUIntLE=function(t,e,r,n){if(t=+t,e=0|e,r=0|r,!n){var i=Math.pow(2,8*r)-1;k(this,t,e,r,i,0)}var o=1,a=0;for(this[e]=255&t;++a=0&&(a*=256);)this[e+o]=t/a&255;return e+r},t.prototype.writeUInt8=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,1,255,0),t.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),this[r]=255&e,r+1},t.prototype.writeUInt16LE=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,2,65535,0),t.TYPED_ARRAY_SUPPORT?(this[r]=255&e,this[r+1]=e>>>8):j(this,e,r,!0),r+2},t.prototype.writeUInt16BE=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,2,65535,0),t.TYPED_ARRAY_SUPPORT?(this[r]=e>>>8,this[r+1]=255&e):j(this,e,r,!1),r+2},t.prototype.writeUInt32LE=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,4,4294967295,0),t.TYPED_ARRAY_SUPPORT?(this[r+3]=e>>>24,this[r+2]=e>>>16,this[r+1]=e>>>8,this[r]=255&e):H(this,e,r,!0),r+4},t.prototype.writeUInt32BE=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,4,4294967295,0),t.TYPED_ARRAY_SUPPORT?(this[r]=e>>>24,this[r+1]=e>>>16,this[r+2]=e>>>8,this[r+3]=255&e):H(this,e,r,!1),r+4},t.prototype.writeIntLE=function(t,e,r,n){if(t=+t,e=0|e,!n){var i=Math.pow(2,8*r-1);k(this,t,e,r,i-1,-i)}var o=0,a=1,u=0;for(this[e]=255&t;++o>0)-u&255;return e+r},t.prototype.writeIntBE=function(t,e,r,n){if(t=+t,e=0|e,!n){var i=Math.pow(2,8*r-1);k(this,t,e,r,i-1,-i)}var o=r-1,a=1,u=0;for(this[e+o]=255&t;--o>=0&&(a*=256);)t<0&&0===u&&0!==this[e+o+1]&&(u=1),this[e+o]=(t/a>>0)-u&255;return e+r},t.prototype.writeInt8=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,1,127,-128),t.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),e<0&&(e=255+e+1),this[r]=255&e,r+1},t.prototype.writeInt16LE=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,2,32767,-32768),t.TYPED_ARRAY_SUPPORT?(this[r]=255&e,this[r+1]=e>>>8):j(this,e,r,!0),r+2},t.prototype.writeInt16BE=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,2,32767,-32768),t.TYPED_ARRAY_SUPPORT?(this[r]=e>>>8,this[r+1]=255&e):j(this,e,r,!1),r+2},t.prototype.writeInt32LE=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,4,2147483647,-2147483648),t.TYPED_ARRAY_SUPPORT?(this[r]=255&e,this[r+1]=e>>>8,this[r+2]=e>>>16,this[r+3]=e>>>24):H(this,e,r,!0),r+4},t.prototype.writeInt32BE=function(e,r,n){return e=+e,r=0|r,n||k(this,e,r,4,2147483647,-2147483648),e<0&&(e=4294967295+e+1),t.TYPED_ARRAY_SUPPORT?(this[r]=e>>>24,this[r+1]=e>>>16,this[r+2]=e>>>8,this[r+3]=255&e):H(this,e,r,!1),r+4},t.prototype.writeFloatLE=function(t,e,r){return D(this,t,e,!0,r)},t.prototype.writeFloatBE=function(t,e,r){return D(this,t,e,!1,r)},t.prototype.writeDoubleLE=function(t,e,r){return N(this,t,e,!0,r)},t.prototype.writeDoubleBE=function(t,e,r){return N(this,t,e,!1,r)},t.prototype.copy=function(e,r,n,i){if(n||(n=0),i||0===i||(i=this.length),r>=e.length&&(r=e.length),r||(r=0),i>0&&i=this.length)throw new RangeError("sourceStart out of bounds");if(i<0)throw new RangeError("sourceEnd out of bounds");i>this.length&&(i=this.length),e.length-r=0;--o)e[o+r]=this[o+n];else if(a<1e3||!t.TYPED_ARRAY_SUPPORT)for(o=0;o>>=0,n=void 0===n?this.length:n>>>0,e||(e=0);var a;if("number"==typeof e)for(a=r;a0)throw new Error("Invalid string. Length must be a multiple of 4");o="="===t[u-2]?2:"="===t[u-1]?1:0,a=new f(3*u/4-o),n=o>0?u-4:u;var h=0;for(e=0,r=0;e>16&255,a[h++]=i>>8&255,a[h++]=255&i;return 2===o?(i=s[t.charCodeAt(e)]<<2|s[t.charCodeAt(e+1)]>>4,a[h++]=255&i):1===o&&(i=s[t.charCodeAt(e)]<<10|s[t.charCodeAt(e+1)]<<4|s[t.charCodeAt(e+2)]>>2,a[h++]=i>>8&255,a[h++]=255&i),a}function i(t){return u[t>>18&63]+u[t>>12&63]+u[t>>6&63]+u[63&t]}function o(t,e,r){for(var n,o=[],a=e;ah?h:f+s));return 1===n?(e=t[r-1],i+=u[e>>2],i+=u[e<<4&63],i+="=="):2===n&&(e=(t[r-2]<<8)+t[r-1],i+=u[e>>10],i+=u[e>>4&63],i+=u[e<<2&63],i+="="),a.push(i),a.join("")}e.toByteArray=n,e.fromByteArray=a;var u=[],s=[],f="undefined"!=typeof Uint8Array?Uint8Array:Array;r()},function(t,e,r){var n=r(1).Buffer;t.exports=function(t,e){if(n.isBuffer(t)&&n.isBuffer(e)){if("function"==typeof t.equals)return t.equals(e);if(t.length!==e.length)return!1;for(var r=0;r>1,h=-7,c=r?i-1:0,p=r?-1:1,l=t[e+c];for(c+=p,o=l&(1<<-h)-1,l>>=-h,h+=u;h>0;o=256*o+t[e+c],c+=p,h-=8);for(a=o&(1<<-h)-1,o>>=-h,h+=n;h>0;a=256*a+t[e+c],c+=p,h-=8);if(0===o)o=1-f;else{if(o===s)return a?NaN:(l?-1:1)*(1/0);a+=Math.pow(2,n),o-=f}return(l?-1:1)*a*Math.pow(2,o-n)},e.write=function(t,e,r,n,i,o){var a,u,s,f=8*o-i-1,h=(1<>1,p=23===i?Math.pow(2,-24)-Math.pow(2,-77):0,l=n?0:o-1,d=n?1:-1,g=e<0||0===e&&1/e<0?1:0;for(e=Math.abs(e),isNaN(e)||e===1/0?(u=isNaN(e)?1:0,a=h):(a=Math.floor(Math.log(e)/Math.LN2),e*(s=Math.pow(2,-a))<1&&(a--,s*=2),e+=a+c>=1?p/s:p*Math.pow(2,1-c),e*s>=2&&(a++,s/=2),a+c>=h?(u=0,a=h):a+c>=1?(u=(e*s-1)*Math.pow(2,i),a+=c):(u=e*Math.pow(2,c-1)*Math.pow(2,i),a=0));i>=8;t[r+l]=255&u,l+=d,u/=256,i-=8);for(a=a<0;t[r+l]=255&a,l+=d,a/=256,f-=8);t[r+l-d]|=128*g}},function(t,e){t.exports=function(t){if(!t||"string"!=typeof t)throw new Error("must specify property for indexof search");return new Function("array","value","start",["start = start || 0","for (var i=start; i
11 | * @license MIT
12 | */
13 | t.exports=function(t){return null!=t&&(r(t)||n(t)||!!t._isBuffer)}},function(t,e,r){function n(t){this.glyphs=[],this._measure=this.computeMetrics.bind(this),this.update(t)}function i(t){Object.defineProperty(n.prototype,t,{get:o(t),configurable:!0})}function o(t){return new Function(["return function "+t+"() {"," return this._"+t,"}"].join("\n"))()}function a(t,e){if(!t.chars||0===t.chars.length)return null;var r=d(t.chars,e);return r>=0?t.chars[r]:null}function u(t){for(var e=0;e=0)return t.chars[n].height}return 0}function s(t){for(var e=0;e=0)return t.chars[n]}return 0}function f(t){for(var e=0;e=0)return t.chars[n].height}return 0}function h(t,e,r){if(!t.kernings||0===t.kernings.length)return 0;for(var n=t.kernings,i=0;i=n||g>=n)break;s=g,f=y,o=i}c++}return o&&(f+=o.xoffset),{start:e,end:e+c,width:f}},["width","height","descender","ascender","xHeight","baseline","capHeight","lineHeight"].forEach(i)},function(t,e,r){(function(e){function n(t){var e=Object.prototype.toString;return"[object ArrayBuffer]"===e.call(t)}function i(t){if(p)return c(t,{responseType:"arraybuffer"});if("undefined"==typeof window.XMLHttpRequest)throw new Error("your browser does not support XHR loading");var e=new window.XMLHttpRequest;return e.overrideMimeType("text/plain; charset=x-user-defined"),c({xhr:e},t)}var o=r(35),a=function(){},u=r(23),s=r(25),f=r(24),h=r(22),c=r(2),p=function(){return window.XMLHttpRequest&&"withCredentials"in new XMLHttpRequest}();t.exports=function(t,r){r="function"==typeof r?r:a,"string"==typeof t?t={uri:t}:t||(t={});var c=t.binary;c&&(t=i(t)),o(t,function(i,o,c){if(i)return r(i);if(!/^2/.test(o.statusCode))return r(new Error("http status code: "+o.statusCode));if(!c)return r(new Error("no body result"));var p=!1;if(n(c)){var l=new Uint8Array(c);c=new e(l,"binary")}h(c)&&(p=!0,"string"==typeof c&&(c=new e(c,"binary"))),p||(e.isBuffer(c)&&(c=c.toString(t.encoding)),c=c.trim());var d;try{var g=o.headers["content-type"];d=p?f(c):/json/.test(g)||"{"===c.charAt(0)?JSON.parse(c):/xml/.test(g)||"<"===c.charAt(0)?s(c):u(c)}catch(y){r(new Error("error parsing font "+y.message)),r=a}r(null,d)})}}).call(e,r(1).Buffer)},function(t,e,r){(function(e){var n=r(11),i=new e([66,77,70,3]);t.exports=function(t){return"string"==typeof t?"BMF"===t.substring(0,3):t.length>4&&n(t.slice(0,4),i)}}).call(e,r(1).Buffer)},function(t,e){function r(t,e){if(t=t.replace(/\t+/g," ").trim(),!t)return null;var r=t.indexOf(" ");if(r===-1)throw new Error("no named row at line "+e);var i=t.substring(0,r);t=t.substring(r+1),t=t.replace(/letter=[\'\"]\S+[\'\"]/gi,""),t=t.split("="),t=t.map(function(t){return t.trim().match(/(".*?"|[^"\s]+)+(?=\s*|\s*$)/g)});for(var o=[],a=0;ae.length-1)return 0;var s=e.readUInt8(r++),f=e.readInt32LE(r);switch(r+=4,s){case 1:t.info=n(e,r);break;case 2:t.common=i(e,r);break;case 3:t.pages=o(e,r,f);break;case 4:t.chars=a(e,r,f);break;case 5:t.kernings=u(e,r,f)}return 5+f}function n(t,e){var r={};r.size=t.readInt16LE(e);var n=t.readUInt8(e+2);return r.smooth=n>>7&1,r.unicode=n>>6&1,r.italic=n>>5&1,r.bold=n>>4&1,n>>3&1&&(r.fixedHeight=1),r.charset=t.readUInt8(e+3)||"",r.stretchH=t.readUInt16LE(e+4),r.aa=t.readUInt8(e+6),r.padding=[t.readInt8(e+7),t.readInt8(e+8),t.readInt8(e+9),t.readInt8(e+10)],r.spacing=[t.readInt8(e+11),t.readInt8(e+12)],r.outline=t.readUInt8(e+13),r.face=f(t,e+14),r}function i(t,e){var r={};r.lineHeight=t.readUInt16LE(e),r.base=t.readUInt16LE(e+2),r.scaleW=t.readUInt16LE(e+4),r.scaleH=t.readUInt16LE(e+6),r.pages=t.readUInt16LE(e+8);t.readUInt8(e+10);return r.packed=0,r.alphaChnl=t.readUInt8(e+11),r.redChnl=t.readUInt8(e+12),r.greenChnl=t.readUInt8(e+13),r.blueChnl=t.readUInt8(e+14),r}function o(t,e,r){for(var n=[],i=s(t,e),o=i.length+1,a=r/o,u=0;u3)throw new Error("Only supports BMFont Binary v3 (BMFont App v1.10)");for(var o={kernings:[],chars:[]},a=0;a<5;a++)n+=r(o,t,n);return o}},function(t,e,r){function n(t){var e=i(t);return e.reduce(function(t,e){var r=o(e.nodeName);return t[r]=e.nodeValue,t},{})}function i(t){for(var e=[],r=0;r element");for(var o=i.getElementsByTagName("page"),s=0;s0});this.visibleGlyphs=h;var c=f.positions(h),p=f.uvs(h,n,o,e),l=a({clockwise:!0,type:"uint16",count:h.length});if(u.index(this,l,1,"uint16"),u.attr(this,"position",c,2),u.attr(this,"uv",p,2),!t.multipage&&"page"in this.attributes)this.removeAttribute("page");else if(t.multipage){var d=f.pages(h);u.attr(this,"page",d,1)}},n.prototype.computeBoundingSphere=function(){null===this.boundingSphere&&(this.boundingSphere=new THREE.Sphere);var t=this.attributes.position.array,e=this.attributes.position.itemSize;return!t||!e||t.length<2?(this.boundingSphere.radius=0,void this.boundingSphere.center.set(0,0,0)):(h.computeSphere(t,this.boundingSphere),void(isNaN(this.boundingSphere.radius)&&console.error('THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.')))},n.prototype.computeBoundingBox=function(){null===this.boundingBox&&(this.boundingBox=new THREE.Box3);var t=this.boundingBox,e=this.attributes.position.array,r=this.attributes.position.itemSize;return!e||!r||e.length<2?void t.makeEmpty():void h.computeBox(e,t)}},function(t,e){function r(t){var e=t.length/n;i.min[0]=t[0],i.min[1]=t[1],i.max[0]=t[0],i.max[1]=t[1];for(var r=0;rn?n:i}function n(t){return f.test(t)}function i(t,e,r,n,i){for(var o=[],a=r,s=r;si&&!n(e.charAt(l));)l--;if(l===i)d>i+s.length&&d--,l=d;else for(d=l;l>i&&n(e.charAt(l-s.length));)l--}if(l>=i){var g=t(e,i,l,h);f.push(g)}i=d}return f}function a(t,e,r,n){var i=Math.min(n,r-e);return{start:e,end:e+i}}var u=/\n/,s="\n",f=/\s/;t.exports=function(e,r){var n=t.exports.lines(e,r);return n.map(function(t){return e.substring(t.start,t.end)}).join("\n")},t.exports.lines=function(t,e){if(e=e||{},0===e.width&&"nowrap"!==e.mode)return[];t=t||"";var r="number"==typeof e.width?e.width:Number.MAX_VALUE,n=Math.max(0,e.start||0),u="number"==typeof e.end?e.end:t.length,s=e.mode,f=e.measure||a;return"pre"===s?i(f,t,n,u,r):o(f,t,n,u,r,s)}},function(t,e,r){"use strict";function n(t,e){for(var r=0;r0&&(g=setTimeout(function(){d=!0,c.abort("timeout");var t=new Error("XMLHttpRequest timeout");t.code="ETIMEDOUT",n(t)},t.timeout)),c.setRequestHeader)for(l in m)m.hasOwnProperty(l)&&c.setRequestHeader(l,m[l]);else if(t.headers&&!i(t.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in t&&(c.responseType=t.responseType),"beforeSend"in t&&"function"==typeof t.beforeSend&&t.beforeSend(c),c.send(w),c}function s(t){if("document"===t.responseType)return t.responseXML;var e=204===t.status&&t.responseXML&&"parsererror"===t.responseXML.documentElement.nodeName;return""!==t.responseType||e?null:t.responseXML}function f(){}var h=r(15),c=r(4),p=r(27),l=r(2);t.exports=a,a.XMLHttpRequest=h.XMLHttpRequest||f,a.XDomainRequest="withCredentials"in new a.XMLHttpRequest?a.XMLHttpRequest:h.XDomainRequest,n(["get","put","post","patch","head","delete"],function(t){a["delete"===t?"del":t]=function(e,r,n){return r=o(e,r,n),r.method=t.toUpperCase(),u(r)}})},function(t,e){t.exports=function(){return"undefined"!=typeof window.DOMParser?function(t){var e=new window.DOMParser;return e.parseFromString(t,"application/xml")}:"undefined"!=typeof window.ActiveXObject&&new window.ActiveXObject("Microsoft.XMLDOM")?function(t){var e=new window.ActiveXObject("Microsoft.XMLDOM");return e.async="false",e.loadXML(t),e}:function(t){var e=document.createElement("div");return e.innerHTML=t,e}}()}]);
--------------------------------------------------------------------------------
/speech/js/demo.js:
--------------------------------------------------------------------------------
1 | var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition;
2 | var SpeechGrammarList = SpeechGrammarList || webkitSpeechGrammarList;
3 | var SpeechRecognitionEvent = SpeechRecognitionEvent || webkitSpeechRecognitionEvent;
4 |
5 | var transcript = '';
6 | var recognising = false;
7 | var recognition = new SpeechRecognition();
8 |
9 | recognition.continuous = true;
10 | recognition.interimResults = false;
11 |
12 | recognition.onstart = function() {
13 | recognising = true;
14 | };
15 |
16 | recognition.onerror = function(event) {
17 | console.error('Speech recognition error', event);
18 | };
19 |
20 | recognition.onend = function() {
21 | recognising = false;
22 | };
23 |
24 | recognition.onresult = function(event) {
25 | console.log('On result', event.results);
26 |
27 | if (event.results.length) {
28 | transcript = event.results[0][0].transcript;
29 | } else {
30 | transcript = '';
31 | }
32 |
33 | updateTranscriptText();
34 | };
35 |
36 | function updateTranscriptText() {
37 | var textElement = document.getElementById('text-tweet');
38 | textElement.setAttribute('text', transcript);
39 | }
40 |
41 | function startListening() {
42 |
43 | var recordButton = document.getElementById('btn-record');
44 |
45 | console.log('recordButton', recordButton.object3D);
46 |
47 | if (recognising) {
48 | recognition.stop();
49 | recordButton.setAttribute('text', 'Record');
50 |
51 | } else {
52 |
53 | // Reset text
54 | transcript = '';
55 | updateTranscriptText();
56 |
57 | recordButton.setAttribute('text', 'Recording');
58 | recordButton.setAttribute('btntweaks', 'textposition:0.49, 0, 0.2; textscale:1 1 1')
59 |
60 | recognition.start();
61 | }
62 |
63 | }
64 |
65 | function sendTweet() {
66 | console.log('TODO send tweet');
67 | }
68 |
--------------------------------------------------------------------------------
/speech/js/svrbutton.js:
--------------------------------------------------------------------------------
1 | //button primitive
2 | AFRAME.registerPrimitive('a-svrbutton', {
3 | defaultComponents: {
4 | geometry: {
5 | primitive:'box',
6 | height:1.5,
7 | depth:0.2,
8 | width:3.5
9 | },
10 | material: {
11 | opacity:1.0,
12 | transparent:true,
13 | side:'Double',
14 | color:'#987FFF'
15 | },
16 | 'bmfont-text':{
17 | text:'button',
18 | color: 'white',
19 | align: 'left',
20 | width:500
21 | },
22 | btntweaks: {
23 | textposition: '0 0 0.5',
24 | textscale: '4 4 1',
25 | textoffset: 0.2
26 | }
27 | },
28 | mappings:{
29 | height:'geometry.height',
30 | width:'geometry.width',
31 | depth:'geometry.depth',
32 | color:'material.color',
33 | opacity:'material.opacity',
34 | text: 'bmfont-text.text',
35 | textoffset: 'btnTweaks.textoffset',
36 | textposition: 'btnTweaks.textposition',
37 | textscale: 'btnTweaks.textscale'
38 | }
39 | });
--------------------------------------------------------------------------------
/speech/js/svrbutton_helper.js:
--------------------------------------------------------------------------------
1 | //svrbutton helper
2 | AFRAME.registerComponent('btntweaks', {
3 | schema: {
4 | textposition: {
5 | type: 'vec3',
6 | default:'0, 0, 0.5'
7 | },
8 | textscale:{
9 | type:'vec3',
10 | default: '4, 4, 1'
11 | },
12 | textoffset:{
13 | type:'number',
14 | default:0.2
15 | }
16 | },
17 | tick: function () {
18 | if (
19 | !this.text ||
20 | this.text !== this.el.getObject3D('bmfont-text')
21 | ) {
22 | this.text = this.el.getObject3D('bmfont-text');
23 | if (this.text) {
24 |
25 | this.text.position.copy(this.data.textposition);
26 | this.text.scale.multiply(this.data.textscale);
27 |
28 | this.el.object3D.children[0].geometry.computeBoundingBox();
29 | var text_bbox = this.el.object3D.children[0].geometry.boundingBox;
30 | var distCenter = (text_bbox['max'].x - text_bbox['min'].x)/2;
31 | this.text.translateX(distCenter + this.data.textoffset);
32 | }
33 | }
34 | }
35 | });
--------------------------------------------------------------------------------
/speech/js/svrtextarea.js:
--------------------------------------------------------------------------------
1 | //text area primitive
2 | AFRAME.registerPrimitive('a-svrtextarea', {
3 | defaultComponents: {
4 | geometry: {
5 | primitive: 'plane',
6 | height: 3,
7 | width: 4
8 | },
9 | material: {
10 | opacity: 0,
11 | transparent: true
12 | },
13 | 'bmfont-text':{
14 | text: '',
15 | color: 'white',
16 | align: 'left',
17 | width: 500
18 | },
19 | btntweaks: {
20 | textposition: '0 0 0.5',
21 | textscale: '4 4 1',
22 | textoffset: 0.2
23 | }
24 | },
25 | mappings:{
26 | height: 'geometry.height',
27 | width: 'geometry.width',
28 | color: 'material.color',
29 | opacity: 'material.opacity',
30 | text: 'bmfont-text.text',
31 | textoffset: 'btnTweaks.textoffset',
32 | textposition: 'btnTweaks.textposition',
33 | textscale: 'btnTweaks.textscale'
34 | }
35 | });
--------------------------------------------------------------------------------
/super-standard.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: a-frame
3 | title: A-Frame Physical Shaders
4 | description: Complex physical materials in A-Frame
5 | image: 'https://cdn-images-1.medium.com/max/1600/1*5C86U-OZFf4eYedrsIEjqw.png'
6 | scripts: [
7 | # A-Frame
8 | 'https://cdn.rawgit.com/AdaRoseEdwards/aframe/fast/dist/aframe.min.fast.js',
9 |
10 | # Required to load the demo model
11 | 'https://cdn.rawgit.com/mrdoob/three.js/r79/examples/js/loaders/BinaryLoader.js',
12 |
13 | # Ocean primitive which relies on the new materials
14 | 'https://samsunginter.net/a-frame-components/dist/ocean-plane.js'
15 | ]
16 | ---
17 |
18 |
19 |
20 |
21 |
22 |
23 | 
24 |
25 | 
26 | 
27 | 
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
43 |
44 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
96 |
--------------------------------------------------------------------------------
24 | {{ page.title }}