Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/fritx/vue-threejs

Vue bindings for Three.js
https://github.com/fritx/vue-threejs

bindings threejs vue

Last synced: about 1 month ago
JSON representation

Vue bindings for Three.js

Host: GitHub
URL: https://github.com/fritx/vue-threejs
Owner: fritx
License: mit
Created: 2016-05-22T16:49:23.000Z (about 8 years ago)
Default Branch: dev
Last Pushed: 2022-07-27T03:07:45.000Z (almost 2 years ago)
Last Synced: 2024-03-28T23:04:14.431Z (2 months ago)
Topics: bindings, threejs, vue
Language: JavaScript
Homepage: http://fritx.github.io/vue-threejs/
Size: 2.21 MB
Stars: 776
Watchers: 45
Forks: 111
Open Issues: 13
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-vue-refactor - vue-threejs
awesomer-vue - vue-threejs - Vue bindings for Three.js. (Integrations / Miscellaneous)
awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-threejs - vue-threejs
awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-vue - vue-threejs - Vue bindings for Three.js. (UI Utilities / WebGL)
awesome - fritx/vue-threejs - Vue bindings for Three.js (JavaScript)
awesome-vue. - vue-threejs - Vue bindings for Three.js. (UI Utilities / WebGL)
awesome-vue - vue-threejs - Vue bindings for Three.js. (UI Utilities / WebGL)
awesome-vue - vue-threejs - Vue bindings for Three.js. (UI Utilities / WebGL)
awesome-vue - vue-threejs - Vue bindings for Three.js. (UI Utilities / WebGL)
awesome-stars - fritx/vue-threejs - Vue bindings for Three.js (JavaScript)
awesome-vue - vue-threejs - Vue bindings for Three.js. (UI Utilities / WebGL)
awesome-vue - vue-threejs ★302 - Vue bindings for Three.js. (UI Utilities / WebGL)
awesome-vue - vue-threejs - Vue bindings for Three.js. (Components & Libraries / UI Utilities)
awesome-vuejs - vue-threejs - Vue bindings for Three.js. (UI Utilities / WebGL)

README

        # vue-threejs



> \[WIP\] [Three.js][threejs] bindings for [Vue][vue]

Migrated from [react-threejs][react-threejs]

Demos: [react-world][react-world], [vue-world][vue-world]



```js

// import VueThreejs from 'vue-threejs' // below 0.2.0

import * as VueThreejs from 'vue-threejs' // >= 0.2.0

Vue.use(VueThreejs)

```

```vue

  

    

      

      

      

    

  

```

**Physics**

```vue

  

    

  

  

    

  

```

```vue

  

    

      

        

      

    

  

```

**Roadmap**

- [x] Basic components

  - [x] renderer/scene/camera/listener

  - [x] object3d/light/audio/controls/animation

  - [x] mesh/geometry/material/texture/obj-mtl

- [ ] Watch for props change

  - [x] position/rotation/obj

  - [ ] more

- [ ] Animation

  - [x] component/animate/speed/paused/blocked

  - [ ] global-control

- [ ] Physical engine

  - [x] movement(a/v/pos/ra/rv/rot)/mass(m/F)

  - [x] gravity(G/r)/collision/oimo

  - [ ] circular-motion/centripetal-force

- [ ] Unit test

  - [x] karma/mocha/phantom

  - [ ] avoriaz/ava

**Study Notes**

- [VueJS extend component: remove parent's property](https://stackoverflow.com/questions/45680047/vuejs-extend-component-remove-parents-property)

- [Vue2 migration commits of vue-threejs](https://github.com/fritx/vue-threejs/commits/vue2)

  - `cannot use  as root element`

  - `lifecycle ready => mounted`

  - `template or render function not defined`

  - `avoid mutating a prop directly`

  - `this.$dispatch is not a function`

- [v-ref is not working with  element](https://github.com/vuejs/vue/issues/681#issuecomment-75802646)

- [Can I use a compoent inherit other compoent?](https://github.com/vuejs/Discussion/issues/354#issuecomment-133019536)

[react-world]: http://fritx.github.io/react-threejs/example/

[vue-world]: http://fritx.github.io/vue-threejs/

[react-threejs]: https://github.com/fritx/react-threejs

[threejs]: https://github.com/mrdoob/three.js

[vue]: https://github.com/vuejs/vue