# gltfloader-plugin-test

> for test

Latest version **1.8.20** (published 2022-08-26) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install gltfloader-plugin-test
pnpm add gltfloader-plugin-test
yarn add gltfloader-plugin-test
bun add gltfloader-plugin-test
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.8.20 |
| Published | 2022-08-26 |
| First published | 2022-05-17 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 7 |
| Unpacked size | 3.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Linkun Gao |
| Maintainers | skycoco |

## Links

- npm: https://www.npmjs.com/package/gltfloader-plugin-test
- Repository: https://github.com/LinkunGao/GltfLoader-Plugin
- Homepage: https://github.com/LinkunGao/GltfLoader-Plugin#readme
- Issues: https://github.com/LinkunGao/GltfLoader-Plugin/issues
- npm.io page: https://npm.io/package/gltfloader-plugin-test

## Dependencies (7)

- [three](https://npm.io/package/three.md) ^0.140.2
- [dat.gui](https://npm.io/package/dat.gui.md) ^0.7.9
- [@types/three](https://npm.io/package/@types/three.md) ^0.140.0
- [@types/dat.gui](https://npm.io/package/@types/dat.gui.md) ^0.7.7
- [glsl-film-grain](https://npm.io/package/glsl-film-grain.md) ^1.0.4
- [glsl-blend-soft-light](https://npm.io/package/glsl-blend-soft-light.md) ^1.0.5
- [copper3d_plugin_heart_k](https://npm.io/package/copper3d_plugin_heart_k.md) ^1.0.14

## Recent versions

- 1.8.20 (latest) — 2022-08-26
- 1.8.19 — 2022-08-26
- 1.8.18 — 2022-08-26
- 1.8.17 — 2022-07-24
- 1.8.16 — 2022-07-13
- 1.8.15 — 2022-07-13
- 1.8.14 — 2022-07-06
- 1.8.13 — 2022-07-06
- 1.8.12 — 2022-07-01
- 1.8.11 — 2022-07-01
- 1.8.10 — 2022-06-27
- 1.8.9 — 2022-06-27
- 1.8.8 — 2022-06-26
- 1.8.7 — 2022-06-24
- 1.8.5 — 2022-06-24
- … 29 more at https://npm.io/package/gltfloader-plugin-test/versions

## README

# Copper3D visualisation library

Documentation: https://gltfloader-plugin.readthedocs.io/en/latest/

## GltfLoader-Plugin

### example

[Pick model with Gltfloader](https://linkungao.github.io/loadHumanModel_example/)

### Useage

- Load demo

```ts
import * as Copper from "gltfloader-plugin-test";
import { getCurrentInstance, onMounted } from "vue";
let refs = null;
let appRenderer;
onMounted(() => {
  let { $refs } = (getCurrentInstance() as any).proxy;
  refs = $refs;
  const bg: HTMLDivElement = refs.classfy;
  appRenderer = new Copper.copperRenderer(bg);
  const scene = appRenderer.getCurrentScene();
  scene.createDemoMesh();
  appRenderer.animate();
});
```

- Add options (curently only control gui)

```ts
appRenderer = new Copper.copperRenderer(bg, { guiOpen: true });
```

- Load multiple scenes with gltf-loader

```ts
import * as Copper from "gltfloader-plugin-test";
import { getCurrentInstance, onMounted } from "vue";

let refs = null;
let appRenderer;
onMounted(() => {
  let { $refs } = (getCurrentInstance() as any).proxy;
  refs = $refs;
  const bg: HTMLDivElement = refs.classfy;
  appRenderer = new Copper.copperRenderer(bg);
  appRenderer.animate();
  loadModel("/Healthy.glb", "health");
});

function loadModel(url, name) {
  let scene1 = appRenderer.getSceneByName(name);
  if (scene1 == undefined) {
    const scene1 = appRenderer.createScene(name);
    appRenderer.setCurrentScene(scene1);
    scene1.loadViewUrl("/noInfarct_view.json");
    scene1.loadGltf(url);
  } else {
    appRenderer.setCurrentScene(scene1);
  }
}
```

#### Viewdata Structure

```ts
 CameraViewPoint {
  nearPlane: number = 0.1;
  farPlane: number = 2000.0;
  eyePosition: Array<number> = [0.0, 0.0, 0.0];
  targetPosition: Array<number> = [0.0, 0.0, 0.0];
  upVector: Array<number> = [0.0, 1.0, 0.0];
}
```

---
_Source: https://npm.io/package/gltfloader-plugin-test · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._