skycoco / copper3d_visualisation Goto Github PK

View Code? Open in Web Editor NEW

A 3d visualisation package base on threejs. Provides: Dicom loader, Nrrd Segmentation Tools, GltfExport, Create vtk animation functions.

License: Apache License 2.0

JavaScript 0.18% TypeScript 99.20% CSS 0.40% GLSL 0.23%

copper3d_visualisation's Introduction

copper3d_visualisation

A 3d visualisation package base on threejs provides multiple scenes and Nrrd image load funtion.

Useage

Load demo

import * as Copper from "copper3d_visualisation";
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)

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

Load multiple scenes with gltf-loader

import * as Copper from "copper3d_visualisation";
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

 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];
}