Yi Shen pissang

Running ar.js from your own computer

The Error

I tried to run https://dev.to/andraconnect/augmented-reality-in-10-lines-of-html and https://github.com/jeromeetienne/ar.js from my own computer and got the following error:

Can't access user media :()

This error comes from:

https://github.com/jeromeetienne/jsartoolkit-experiments/blob/master/basic.html Line 100: navigator.getUserMedia

How to add a collapsible section in markdown

1. Example

Click me

Heading

Foo
Bar
- Baz

Qux

Minimal example making webpack and wasm/Emscripten work together.

Build instructions:

Clone this gist
npm install
npm start
Open http://localhost:8080
Look at console

Visual Regression Testing with Jest

This is a walkthrough of how to set up Visual Regression Testing with Jest for an application created with create-react-app.

The following walkthrough uses React as an example, but the approach should work for any modern frontend library! I assume it can be used with Angular, Vue, Cycle.js and more.

This gist walks you through a create-react-app application as an example of how to set up Visual Regression Testing in Jest using libraries I wrote recently which enable this: jsdom-screenshot, jest-transform-css and jest-transform-file.

Inspiration

ffmeg as worker can be found at https://github.com/Kagami/ffmpeg.js/

Final build can be obtained via wget https://unpkg.com/[email protected]/ffmpeg-worker-mp4.js

	const glslify = require('glslify');
	const path = require('path');
	const assign = require('object-assign');
	const defined = require('defined');

	// This is the original source, we will copy + paste it for our own GLSL
	// const vertexShader = THREE.ShaderChunk.meshphysical_vert;
	// const fragmentShader = THREE.ShaderChunk.meshphysical_frag;

	// Our custom shaders

	<!doctype html>
	<meta charset="utf-8">
	<title>Benchmark</title>
	<body></body>
	<style>html, body, #map { height: 100%; margin: 0; } </style>

	<div id="map"></div>

	<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.js'></script>
	<!-- <script src="mapbox-gl.js"></script> -->

	<template>
	<div class="inline-block" v-html="require('icon-' + this.icon + '.svg')"></div>
	</template>

	<style module>
	.svg {
	fill: currentColor;
	height: 1em;
	margin-top: -4px;
	vertical-align: middle;

	// Taken From:
	// https://stackoverflow.com/questions/849211/shortest-distance-between-a-point-and-a-line-segment

	function sqr (x) {
	return x * x;
	}

	function dist2 (v, w) {
	return sqr(v[0] - w[0]) + sqr(v[1] - w[1]);
	}

	var UnityLoader = UnityLoader \|\| {
	Compression: {
	identity: {
	require: function() {
	return {};
	},
	decompress: function(data) {
	return data;
	},
	hasUnityMarker: function() {