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 -18 ~ 18	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