JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://content.dev.mvml.net:6865/css/three.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/three.js/r67/three.min.js"></script>
<script src="http://content.dev.mvml.net:6865/js/Physijs/physi.js"></script>
<script src="http://content.dev.mvml.net:6865/js/Detector.js"></script>
<script src="http://content.dev.mvml.net:6865/js/THREEx/KeyboardState.js"></script>
<script src="http://content.dev.mvml.net:6865/js/CharacterController.js"></script>
<script src="http://content.dev.mvml.net:6865/js/InputEvents.js"></script>
<script src="http://content.dev.mvml.net:6865/js/CollisionCommander.js"></script>
<script src="http://content.dev.mvml.net:6865/js/Physijs/worker.js"></script>
JavaScript
var url = 'http://content.mvml.net:6865/physijs_worker';
var response;
var get = new XMLHttpRequest();
get.open("GET", url, true);
get.onreadystatechange = function() {
if(get.readyState == 4 && get.status == 200) {
alert('ajax call successful');
response = get.responseText;
}
}
get.send();
var blob;
try {
blob = new Blob([response], {type: 'application/javascript'});
} catch (e) { // Backwards-compatibility
window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder;
blob = new BlobBuilder();
blob.append(response);
blob = blob.getBlob();
}
var w_one = new Worker(URL.createObjectURL(blob));
alert('blob-based worker creation successful');
var w_two = new Worker(url);
alert('url-based worker creation successful');