Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

vue-gl

0.21.0 • Public • Published

VueGL

Vue.js components rendering 3D WebGL graphics reactively with three.js.

NPM
FOSSA Status
CircleCI
codecov
Financial Contributors on Open Collective

Usage

<!-- 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

Contribution

Are you interested in enhance this product? We're really glad and thanks a lot!
See Contributing guidelines to get started.

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

License

FOSSA Status

Install

npm i vue-gl

DownloadsWeekly Downloads

300

Version

0.21.0

License

MIT

Unpacked Size

169 kB

Total Files

10

Last publish

Collaborators

  • avatar