# happycode-render **Repository Path**: happycoding-cx/happycode-render ## Basic Information - **Project Name**: happycode-render - **Description**: No description available - **Primary Language**: Unknown - **License**: BSD-3-Clause - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-01-18 - **Last Updated**: 2022-05-31 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## happycode-render #### WebGL-based rendering engine for Happycode 3.0 [![Build Status](https://travis-ci.org/LLK/happycode-render.svg?branch=develop)](https://travis-ci.org/LLK/happycode-render) [![Greenkeeper badge](https://badges.greenkeeper.io/LLK/happycode-render.svg)](https://greenkeeper.io/) ## Installation ```bash npm install https://gitee.com/happycoding-cx/happycode-render.git ``` ## Setup ```html Happycode WebGL rendering demo ``` ```js var canvas = document.getElementById('myStage'); var debug = document.getElementById('myDebug'); // Instantiate the renderer var renderer = new require('happycode-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 ```bash npm run build ``` ```html ``` ## Testing ```bash npm test ``` ## Donate We provide [Happycode](https://happycode.mit.edu) free of charge, and want to keep it that way! Please consider making a [donation](https://secure.donationpay.org/happycodefoundation/) to support our continued engineering, design, community, and resource development efforts. Donations of any size are appreciated. Thank you!