Skip to content

cwillisf/scratch-render

This branch is 3701 commits behind scratchfoundation/scratch-render:develop.

Folders and files

NameName
Last commit message
Last commit date
Jan 17, 2017
Nov 2, 2018
May 29, 2018
Oct 29, 2018
Jun 8, 2016
May 29, 2018
Apr 27, 2018
Apr 11, 2017
Mar 8, 2017
Feb 21, 2017
May 21, 2018
Aug 7, 2018
May 13, 2016
Apr 10, 2017
Jun 18, 2018
Oct 24, 2018
May 31, 2018

Repository files navigation

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('myDebug');

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

// Connect to debug canvas
renderer.setDebugCanvas(debug);

// 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!

About

WebGL-based rendering engine for Scratch 3.0

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.3%
  • HTML 6.3%
  • GLSL 3.4%