@j-kyoda/vue-three-vrm 0.9.0 → 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 +9 -2
- package/dist/index.css +1 -1
- package/dist/vue-three-vrm.es.js +1629 -1005
- 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>
|
|
@@ -114,8 +116,10 @@ const model_loaded = (name, vrm_model) => {
|
|
|
114
116
|
THREE,
|
|
115
117
|
VRMExpressionPresetName,
|
|
116
118
|
VRMHumanBoneName,
|
|
119
|
+
VRMUtils,
|
|
117
120
|
camera, // Instance of THREE.PerspectiveCamera
|
|
118
121
|
controls, // Instance of OrbitControls
|
|
122
|
+
deltaTime, //
|
|
119
123
|
renderer, // Instance of THREE.WebGLRenderer
|
|
120
124
|
scene // Instance of THREE.Scene
|
|
121
125
|
}
|
|
@@ -137,6 +141,9 @@ const model_loaded = (name, vrm_model) => {
|
|
|
137
141
|
| vrm_name | String | 'vrm' | The name of the VRM model. |
|
|
138
142
|
| vrm_url | String | '' | The URL of the VRM model. |
|
|
139
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. |
|
|
140
147
|
|
|
141
148
|
### Events (Emits)
|
|
142
149
|
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.box[data-v-
|
|
1
|
+
.box[data-v-1e83d65e]{display:block;width:100%;height:100%}
|