This is a temporary fork version of VueGL to work with vue3. Tests are not changed so they may all fail.
Vue.js components rendering 3D WebGL graphics reactively with three.js.
<!-- Load scripts -->
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/three"></script>
<script src="https://unpkg.com/vue-gl"></script>
<!-- Define canvas and objects -->
<vgl-renderer id="vgl-canvas">
<vgl-sphere-geometry name="sphere"></vgl-sphere-geometry>
<vgl-scene>
<vgl-mesh geometry="sphere"></vgl-mesh>
</vgl-scene>
<vgl-perspective-camera orbit-position="5 0 0"></vgl-perspective-camera>
</vgl-renderer>
<!-- Register components and start vue -->
<script>
Object.keys(VueGL).forEach(name => Vue.component(name, VueGL[name]));
new Vue({ el: "#vgl-canvas" });
</script>See the documentation for more information.
Components reference shows a list of available core components. Example components reference also introduces additional components you can use immediately.
The list of components not implemented yet can be found at this project.
Are you interested in enhance this product?
We're really glad and thanks a lot!
See Contributing guidelines to get started.
This project exists thanks to all the people who contribute. [Contribute].
Become a financial contributor and help us sustain our community. [Contribute]
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
