WebGL-based rendering engine for Scratch 3.0
Find a file
Andrew Sliwinski ac34ba7a13 Merge pull request from LLK/greenkeeper/tap-10.1.1
Update tap to the latest version 🚀
2017-02-14 20:59:15 -05:00
.github Improve contribution guidelines and issue/pr templates 2017-01-17 17:07:12 -05:00
playground Update Webpack config like scratch-storage 2016-12-12 12:06:05 -08:00
src Fencing Take 3 2017-02-14 09:08:32 +00:00
.editorconfig Add .editorconfig 2016-06-08 09:27:01 -07:00
.eslintignore Use eslint-config-scratch, fix linting errors 2016-12-12 12:06:19 -08:00
.eslintrc.js Use eslint-config-scratch, fix linting errors 2016-12-12 12:06:19 -08:00
.gitattributes Use eslint-config-scratch, fix linting errors 2016-12-12 12:06:19 -08:00
.gitignore Add source maps to Webpack config 2017-01-10 14:39:47 -08:00
.npmignore Publish to NPM 2016-09-24 15:26:37 -04:00
.travis.yml Be accurate in version comment 2016-09-27 09:22:01 -04:00
LICENSE Establish initial structure, create demo.html 2016-05-13 11:29:51 -07:00
package.json chore(package): update tap to version 10.1.1 2017-02-14 19:26:35 +00:00
README.md docs(readme): clean up badges 2017-02-10 11:36:57 -08:00
TRADEMARK Establish initial structure, create demo.html 2016-05-13 11:29:51 -07:00
webpack.config.js chore: adapt code for Webpack 2 2017-02-03 11:01:29 -08:00

scratch-render

WebGL-based rendering engine for Scratch 3.0

Build Status Greenkeeper badge

Installation

npm install https://github.com/LLK/scratch-render.git

Setup

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Scratch WebGL rendering demo</title>
    </head>

    <body>
        <canvas id="myStage"></canvas>
        <canvas id="myDebug"></canvas>
    </body>
</html>
var canvas = document.getElementById('myStage');
var debug = document.getElementById('myDebugElement');

// Instantiate the renderer
var renderer = new require('scratch-render')(canvas);

// Connect to debug canvas
renderer.setDebugCanvas(document.getElementById('debug-canvas'));

// Start drawing
function drawStep() {
    renderer.draw();
    requestAnimationFrame(drawStep);
}
drawStep();

// Connect to worker (see "playground" example)
var worker = new Worker('worker.js');
renderer.connectWorker(worker);

Standalone Build

npm run build
<script src="/path/to/render.js"></script>
<script>
    var renderer = new window.RenderWebGLLocal();
    // do things
</script>

Testing

npm test

Donate

We provide Scratch free of charge, and want to keep it that way! Please consider making a donation to support our continued engineering, design, community, and resource development efforts. Donations of any size are appreciated. Thank you!