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 |