| /** | |
| * An implementation for Quicksort. Doesn't | |
| * perform as well as the native Array.sort | |
| * and also runs the risk of a stack overflow | |
| * | |
| * Tests with: | |
| * | |
| * var array = []; | |
| * for(var i = 0; i < 20; i++) { | |
| * array.push(Math.round(Math.random() * 100)); |
| <!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> --> |
Tweening between one and many polygons with an approach that's faster and more robust than this Voronoi jigsaw attempt.
This approach uses earcut and some artisanal TopoJSON to triangulate the polygon and successively merge the triangles into the desired number of pieces, and then adds/rewinds points for smoother transitions (see this demo for a better look at what's happening behind the scenes).
See also: Triangulation morphing, Jigsaw morphing, Smoother polygon transitions
| // test if js engine's Array#sort implementation is stable | |
| var str = "abcdefghijklmnopqrstuvwxyz"; | |
| str.split("").sort(function(a,b) { | |
| return ~~(str.indexOf(b)/2.3) - ~~(str.indexOf(a)/2.3); | |
| }).join("") == "xyzvwtursopqmnklhijfgdeabc"; |
| license: gpl-3.0 |
| var UnityLoader = UnityLoader || { | |
| Compression: { | |
| identity: { | |
| require: function() { | |
| return {}; | |
| }, | |
| decompress: function(data) { | |
| return data; | |
| }, | |
| hasUnityMarker: function() { |
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Resolution independent rendering of Bezier curves in WebGL</title> | |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | |
| <script src="glMatrix-0.9.6.min.js"></script> | |
| <script id="shader-vs" type="x-shader/x-vertex"> | |
| attribute vec3 aVertexPosition; | |
| attribute vec2 aBezierCoord; |
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
| // 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]); | |
| } |
| function slugify(text) | |
| { | |
| var from = "ãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;"; | |
| var to = "aaaaaeeeeeiiiiooooouuuunc------"; | |
| _.each( from, function( character, i ) { | |
| text = text.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i)); | |
| }); | |
| return text | |
| .toString() // Cast to string | |
| .toLowerCase() // Convert the string to lowercase letters |
