# threejs-vue-tankhouse

**Repository Path**: tsingtsi/threejs-vue-tankhouse

## Basic Information

- **Project Name**: threejs-vue-tankhouse
- **Description**: 3D模型群 vue架构
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-04-24
- **Last Updated**: 2022-04-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# three-vue

#### 介绍
使用vue3创建的threejs项目

#### 软件架构
vue3+threejs，对threejs里面的东西进行模块化封装


#### 安装教程

1.  git clone https://gitee.com/liming0101/three-vue.git
2.  cd three-vue
3.  npm run build
4.  npm run serve

#### 使用说明

1.  使用的vue3版本
2.  npm i three


#### 案例

    ```javaScript
    // import相机, 场景, 渲染器
    import {camera, scene, renderer} from '../commons/base/base'
    // import辅助工具
    import {gridHelper, arrowHelper} from '../commons/base/helper'
    
    scene.add(arrowHelper());
    scene.add(gridHelper());
    renderer.render(scene, camera);
    document.body.appendChild(renderer.domElement);


    ---------------------------------------

    // 简单的柱形图
    import {bar} from '../commons/chart/bar-graph'

    bar()
   
    ---------------------------------------

    // 文字中文
    import {text} from '../commons/chart/bar-graph'

    text(0.02, 0.01, x, h+0.01, 0, function(m){
        scene.add(m)
        renderer.render(scene, camera);
    });
    
    ```


#### 问题联系
qq: 1297322697