WebGL-based rendering engine for Scratch 3.0
Find a file
Ray Schamp 662ba3c645 Replace Makefile with npm scripts
Allows Windows users to run what's currently in the Makefile
2016-10-17 09:56:32 -04:00
playground Calculating tight bounding boxes for Drawables () 2016-10-11 18:14:14 -04:00
src Update dirty transform before calculating bounds () 2016-10-12 15:20:40 -04:00
.editorconfig Add .editorconfig 2016-06-08 09:27:01 -07:00
.eslintignore Replace Makefile with npm scripts 2016-10-17 09:56:32 -04:00
.eslintrc Use babel for ES6 / ES2015 support 2016-06-15 14:39:44 -07:00
.gitattributes Add .editorconfig 2016-06-08 09:27:01 -07:00
.gitignore Publish playground to gh-pages 2016-09-24 15:26:37 -04: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 Replace Makefile with npm scripts 2016-10-17 09:56:32 -04:00
README.md Replace Makefile with npm scripts 2016-10-17 09:56:32 -04:00
TRADEMARK Establish initial structure, create demo.html 2016-05-13 11:29:51 -07:00
webpack.config.js Lint 2016-09-27 09:42:04 -04:00

scratch-render

WebGL-based rendering engine for Scratch 3.0

Build Status Dependency Status devDependency Status

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!