Mercurial > hg > forks > multipaint-js

view docompile.html @ 25:13dda1c3ae88

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
As we launch from a browser now, include the HTML and necessary Javascript bits for that. Also added in "docompile.html" that can be used to pre-compile the Multipaint PSJS code to a multipaint.js. Also included is a patch for Processing.js v1.4.8 that removes use for data: blob URIs that may be against many sites content security policy (CSP).
author Matti Hamalainen <ccr@tnsp.org>
date Wed, 04 Jul 2018 10:27:30 +0300
parents
children 6db5defacbb3
line wrap: on
line source

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Multipaint</title>
  <script src="processing.min.js"></script>
  <script src="mpui.js"></script>
</head>
<body>
<canvas id="mpCanvas"></canvas>
<div id="mpUI"></div>
<script>
var mpMachine = 0;
var mpCanvas = document.getElementById("mpCanvas");
new Processing.loadSketchFromSources(mpCanvas, mpSources);

function mpWaitUntilSketchIsReady()
{
  var inst = Processing.getInstanceById("mpCanvas");
  if (inst)
  {
    var code = "var multipaintJS =\n"+ inst.externals.sketch.sourceCode;
    var uriContent = "data:application/octet-stream,"+ encodeURIComponent(code);
    document.getElementById("mpUI").innerHTML = "<a href="+ uriContent +" download=\"multipaint.js\">Here is the download link</a>";
  }
  else
    setTimeout(mpWaitUntilSketchIsReady, 250);
}

document.addEventListener('DOMContentLoaded', mpWaitUntilSketchIsReady, false);

</script>
</body>
</html>