# scratch-render
**Repository Path**: AISkyLab/scratch-render
## Basic Information
- **Project Name**: scratch-render
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-12-12
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
## scratch-render
#### WebGL-based rendering engine for Scratch 3.0
[](https://travis-ci.org/LLK/scratch-render)
[](https://david-dm.org/LLK/scratch-render)
[](https://david-dm.org/LLK/scratch-render#info=devDependencies)
## Installation
```bash
npm install https://github.com/LLK/scratch-render.git
```
## Setup
```html
Scratch WebGL rendering demo
```
```js
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
```bash
make build
```
```html
```
## Testing
```bash
make test
```
## Donate
We provide [Scratch](https://scratch.mit.edu) free of charge, and want to keep it that way! Please consider making a [donation](https://secure.donationpay.org/scratchfoundation/) to support our continued engineering, design, community, and resource development efforts. Donations of any size are appreciated. Thank you!