This repository is no longer maintained. It was a fork of regl-worldview used by Foxglove Studio. Foxglove Studio now uses Three.js instead of Worldview.
Worldview is a React library for rendering 2D and 3D scenes using regl.
Visit the homepage to see more guides, examples and APIs.
Add @foxglove/regl-worldview to your React project:
npm install --save @foxglove/regl-worldviewThen try rendering the basic example:
import React from "react";
import Worldview, { Cubes, Axes } from "@foxglove/regl-worldview";
function BasicExample() {
const markers = [
{
pose: {
orientation: { x: 0, y: 0, z: 0, w: 1 },
position: { x: 0, y: 0, z: 0 },
},
scale: { x: 15, y: 15, z: 15 },
color: { r: 1, g: 0, b: 1, a: 0.9 },
},
];
return (
<Worldview>
<Cubes>{markers}</Cubes>
<Axes />
</Worldview>
);
}