# study-threejs

**Repository Path**: xutongze/study-threejs

## Basic Information

- **Project Name**: study-threejs
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-18
- **Last Updated**: 2024-10-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# study-threejs

[reference notes](https://gitee.com/xutongze/notes/tree/master/Study/threejs) notes for threejs

> This template should help get you started developing with Vue 3 in Vite.

## Use Package

- threejs 模型相关
- tweenjs 动画相关

### 关于模型过大问题

- 模型压缩,尽可能的小
- 分模块模型；单次只加载某一个模型模块；保证单次加载时长不过长

[Reference](https://juejin.cn/post/6964572136564490254)

### 模型存储本地的可行性(可行已实践)

> path: /src/views/queryStore/index.vue

- 本地数据存储 IndexedDB 存储Blob格斯；
- 使用时直接访问数据 连接使用

[Reference](https://juejin.cn/post/6895592228849188877)

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
pnpm install
```

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### Type-Check, Compile and Minify for Production

```sh
pnpm build
```

### Lint with [ESLint](https://eslint.org/)

```sh
pnpm lint
```

**threejs create game**

[create-game](https://threejs.org/manual/#en/game)