https://github.com/rive-app/rive-webgl
https://github.com/rive-app/rive-webgl
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/rive-app/rive-webgl
- Owner: rive-app
- Created: 2021-04-17T18:00:07.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-04-30T03:59:02.000Z (about 5 years ago)
- Last Synced: 2025-06-24T15:58:21.219Z (about 1 year ago)
- Language: JavaScript
- Size: 4.76 MB
- Stars: 19
- Watchers: 9
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
:warning: | This is experimental tech in very early R&D.
| -- | -- |
# Rive WebGL
A prototype [WebGL renderer for Rive](https://rive-app.github.io/rive-webgl/). This is used as experimentation to find a good technique for rendering Rive content in game engines or wherever a high level vector renderer is not available.
## Secondary Goals
Improve [rive-cpp](https://github.com/rive-app/rive-cpp) such that the bulk of the work done for a low level renderer can be optionally compiled into [rive-cpp](https://github.com/rive-app/rive-cpp), exposing a **LowLevelRenderer** (TBD) abstraction on top of the traditional high level [Renderer](https://github.com/rive-app/rive-cpp/blob/master/include/renderer.hpp) rive-cpp currently exposes.
## Getting Started
Just clone this repo and run:
```
npm install
npm start
```
Now open your browser to http://localhost:1234
If you want to bundle a build up to host somewhere run:
```
npm run build
```
This will build and bundle everything you need to deploy into [docs](./docs) folder. It's in the docs folder as that's what GitHub pages likes. That way you can [preview it online here](https://rive-app.github.io/rive-webgl/).