Trinket: run code anywhere

Run

View Code

<html>
      <head>
        <style>
        html, body {
          margin: 0;
          padding: 0;
        }   
        div#glowscript {
          width: 100%;
          margin: 0 auto;
          text-align: center;
        }   
        </style>
        <link type="text/css" href="{{url}}/{{prefix}}components/glowscript/css/redmond/IDE/jquery-ui.custom.css" rel="stylesheet" />
        <link type="text/css" href="{{url}}/{{prefix}}components/glowscript/css/ide.css" rel="stylesheet" />
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.3/MathJax.js?config=TeX-AMS_HTML"></script>
        {{jqueryList}}
        <script type="text/javascript" src="{{url}}/{{prefix}}components/glowscript/package/glow.{{version}}.min.js"></script>
        <script type="text/javascript" src="{{url}}/{{prefix}}components/glowscript/package/RSrun.{{version}}.min.js"></script>
        <script type="text/javascript" src="{{url}}/{{prefix}}components/glowscript/package/RScompiler.{{version}}.min.js"></script>
      </head>
      <body>
        <div id="loading">Loading your GlowScript program</div>
        <div id="glowscript"></div>

try {
            compiled = window.glowscript_compile(prog, { lang : '{{lang}}', version : '{{version}}' });
          } catch(e) {
            window.parent.postMessage(JSON.stringify({ "glowscript.error" : e.message, type : "compile" }), "*");
          }

function eval_script(x) {
            return eval(x);
          }

if (compiled) {
            main_func = eval_script(compiled);
            window.userMain = main_func;
          }

$("#loading").remove()
          window.__context = {
            glowscript_container : $('#glowscript')
          };

if (window.userMain && typeof window.userMain === "function") {
            window.userMain(function(err) {
              if (err) {
                window.parent.postMessage(JSON.stringify({ "glowscript.error" : err.message, type : "runtime" }), "*");
              }
            });
          }

var canvas = document.createElement("canvas");
                      canvas.width = w;
                      canvas.height = h;
                      var cx = canvas.getContext('2d');
                      cx.drawImage(img, 0, 0, w, h);
                      var snapshot = canvas.toDataURL("image/png");