fritx / Vue Threejs
Licence: mit
Vue bindings for Three.js
Stars: ✭ 620
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Threejs
Bluemap
A Minecraft mapping tool that creates 3D models of your Minecraft worlds and displays them in a web viewer.
Stars: ✭ 406 (-34.52%)
Mutual labels: threejs
Detect Gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
Stars: ✭ 460 (-25.81%)
Mutual labels: threejs
Camera Controls
A camera control for three.js, similar to THREE.OrbitControls yet supports smooth transitions and more features.
Stars: ✭ 519 (-16.29%)
Mutual labels: threejs
Tensorspace
Neural network 3D visualization framework, build interactive and intuitive model in browsers, support pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js
Stars: ✭ 4,515 (+628.23%)
Mutual labels: threejs
Sodiumoxide
Sodium Oxide: Fast cryptographic library for Rust (bindings to libsodium)
Stars: ✭ 596 (-3.87%)
Mutual labels: bindings
Vsphere Automation Sdk Python
Python samples, language bindings, and API reference documentation for vSphere, VMC, and NSX-T using the VMware REST API
Stars: ✭ 451 (-27.26%)
Mutual labels: bindings
Vue Gl
Vue.js components rendering 3D WebGL graphics reactively with three.js
Stars: ✭ 434 (-30%)
Mutual labels: threejs
Lume
Create CSS3D/WebGL applications declaratively with HTML. Give regular DOM elements shadow and lighting.
Stars: ✭ 445 (-28.23%)
Mutual labels: threejs
Globe.gl
UI component for Globe Data Visualization using ThreeJS/WebGL
Stars: ✭ 479 (-22.74%)
Mutual labels: threejs
Indoor3d
a js lib based on three.js to show 3D indoor map
Stars: ✭ 425 (-31.45%)
Mutual labels: threejs
Aframe Inspector
🔍 Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Stars: ✭ 469 (-24.35%)
Mutual labels: threejs
Matcaps
Huge library of matcap PNG textures organized by color
Stars: ✭ 607 (-2.1%)
Mutual labels: threejs
Sea3d
An open-source format and tools for game developers 🎮
Stars: ✭ 483 (-22.1%)
Mutual labels: threejs
vue-threejs
Migrated from react-threejs
Demos: react-world, vue-world
// import VueThreejs from 'vue-threejs' // below 0.2.0
import * as VueThreejs from 'vue-threejs' // >= 0.2.0
Vue.use(VueThreejs)
<template>
<renderer :size="{ w: 600, h: 400 }">
<scene>
<camera :position="{ z: 15 }"></camera>
<mesh :obj="mesh" :position="{ y: -200 }"></mesh>
<animation :fn="animate" :speed="3"></animation>
</scene>
</renderer>
</template>
Physics
<movement-system>
<mass-object :rv0="{ x: 2, y: 2 }" :v0="{ x: 10 }"
:f="{ x: -3, y: -2 }" :m="1">
<cube texture="cobblestone" :size="1"></cube>
</mass-object>
<mass-object :rv0="{ x: 2, z: 2 }" :v0="{ z: 20 }"
:f="{ y: -1, z: -8 }" :m="1.2">
<cube texture="diamond" :size="1.2"></cube>
</mass-object>
</movement-system>
<oimo-world :options="{ gravity: [0, -9.8, 0] }">
<space-system :m-scale="10 ** 4">
<space-object v-for="t in textures" :key="t">
<oimo-body :options="{ move: true, density: 1 }">
<cube :texture="t" :size="1"></cube>
</oimo-body>
</space-object>
</space-system>
</oimo-world>
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
-
Vue2 migration commits of vue-threejs
cannot use <slot> 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
- Can I use a compoent inherit other compoent?
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].