1.1.3 • Published 8 years ago
vue-steve v1.1.3
vue-steve
A Vue.js project, Minecraft's Steve-Model
Usage
npm install three --save
npm install vue-steve --save<steve :skinUrl="skin" :followScope="scope"></steve>import Steve from 'vue-steve'
export default {
...
data() {
return {
skin: './xxx.png',
scope: 'window'
}
}
components: {
Steve
}
...
}Demo
Vue-steve
Dependencies
three.js
Props
| prop | value | default |
|---|---|---|
| width | 画布宽度 | 480 |
| height | 画布高度 | 640 |
| pace | 步伐距离 1 ~ 10 | 6 |
| speed | 速度 Number -20 ~ 20 | 2 |
| rotationX | 水平旋转 Number(deg) | 10 |
| rotationY | 垂直旋转 Number(deg) | 10 |
| skinUrl | 自定义皮肤base64 or URL (32px*64px) | steve-skin by base64 |
| scale | 模型缩放 ≥ 0 | 1 |
| followMouse | 视线是否跟随鼠标 Boolean | true |
| followScope | 视野跟随鼠标区域 "window"|"box" | "window" |
| walkable | 行走动作 Boolean | true |
| throttle | 节流时间(毫秒) | 8 |