@j-kyoda/vue-three-vrm 0.9.1 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -2
- package/dist/index.css +1 -1
- package/dist/vue-three-vrm.es.js +1629 -1007
- package/dist/vue-three-vrm.umd.js +16 -2
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@ A Vue 3 component designed to render and display VRM models on your web pages.
|
|
|
7
7
|
Package is available on NPM: https://www.npmjs.com/package/@j-kyoda/vue-three-vrm
|
|
8
8
|
|
|
9
9
|
```sh
|
|
10
|
-
npm install @j-kyoda/vue-three-vrm three @pixiv/three-vrm
|
|
10
|
+
npm install @j-kyoda/vue-three-vrm three @pixiv/three-vrm @pixiv/three-vrm-animation
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
---
|
|
@@ -31,7 +31,8 @@ const model_name = 'chico_hoodie'
|
|
|
31
31
|
const pose_url = 'poses/chico_pose_goodjob_202506.json'
|
|
32
32
|
// toDo: Please enter your VRM model URL here.
|
|
33
33
|
const vrm_url = 'models/chico_hoodie.vrm'
|
|
34
|
-
|
|
34
|
+
// toDo: Please enter your VRMA file URL here.(OPTION)
|
|
35
|
+
const vrma_url = 'models/sample.vrma'
|
|
35
36
|
|
|
36
37
|
const context_initialized = async (context) => {
|
|
37
38
|
render_context.value = context // save context
|
|
@@ -67,6 +68,7 @@ const model_loaded = (name, vrm_model) => {
|
|
|
67
68
|
:model_name="model_name"
|
|
68
69
|
:pose_url="pose_url"
|
|
69
70
|
:vrm_url="vrm_url"
|
|
71
|
+
:vrma_url="vrma_url"
|
|
70
72
|
v-on:loaded="model_loaded"
|
|
71
73
|
/>
|
|
72
74
|
</div>
|
|
@@ -117,6 +119,7 @@ const model_loaded = (name, vrm_model) => {
|
|
|
117
119
|
VRMUtils,
|
|
118
120
|
camera, // Instance of THREE.PerspectiveCamera
|
|
119
121
|
controls, // Instance of OrbitControls
|
|
122
|
+
deltaTime, //
|
|
120
123
|
renderer, // Instance of THREE.WebGLRenderer
|
|
121
124
|
scene // Instance of THREE.Scene
|
|
122
125
|
}
|
|
@@ -138,6 +141,9 @@ const model_loaded = (name, vrm_model) => {
|
|
|
138
141
|
| vrm_name | String | 'vrm' | The name of the VRM model. |
|
|
139
142
|
| vrm_url | String | '' | The URL of the VRM model. |
|
|
140
143
|
| vrm_data | Object | null | The object for the VRM model. |
|
|
144
|
+
| vrma_name | String | '' | The name of the VRMA model. |
|
|
145
|
+
| vrma_url | String | null | The URL of the VRMA model. |
|
|
146
|
+
| vrma_data | Object | null | The object for the VRMA model. |
|
|
141
147
|
|
|
142
148
|
### Events (Emits)
|
|
143
149
|
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.box[data-v-
|
|
1
|
+
.box[data-v-1e83d65e]{display:block;width:100%;height:100%}
|