Skip to content

Repository files navigation

scratch-render

WebGL-based rendering engine for Scratch 3.0

Build StatusGreenkeeper badge

Installation

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

Setup

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Scratch WebGL rendering demo</title></head><body><canvasid="myStage"></canvas><canvasid="myDebug"></canvas></body></html>
varcanvas=document.getElementById('myStage');vardebug=document.getElementById('myDebug');// Instantiate the renderervarrenderer=newrequire('scratch-render')(canvas);// Connect to debug canvasrenderer.setDebugCanvas(debug);// Start drawingfunctiondrawStep(){renderer.draw();requestAnimationFrame(drawStep);}drawStep();// Connect to worker (see "playground" example)varworker=newWorker('worker.js');renderer.connectWorker(worker);

Standalone Build

npm run build
<scriptsrc="/path/to/render.js"></script><script>varrenderer=newwindow.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

Contributing

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages