ETC 7

vtkRenderWindow를 div에 연결하기 - Vue

vtkRenderWindow를 HTML에 출력하려고 하면 가장 좋은 태그는 div 일 것입니다. 그런데 div에 연결하는것이 조금 복잡합니다.  아래의 그림이 div를 vtkRenderWindow에 연결하는 구조도입니다.  HTML의 div 태그는 먼저 vtkOpenGLRenderWindow의 setContainer 함수를 통해 설정됩니다. 그 후에 vtkRenderWindow의 addView 함수를 통해서 VTK 구조와 연결됩니다. PC기반의 VTK를 사용할때에 비하면 vtkRenderWindow와 vtkOpenGLRenderWindow가 함께 존재해서 햇갈리기는 하지만, vtk.js는 이렇게 쓴다고 하니 적응해야죠 ㅠㅠ.  아래는 div에 vtk.js를 연결한 코드입니다.(Vue3 Compositio..

ETC 2022.05.24

BCI 관련 자료들

뇌관련 장비들 설명해놓은 곳 뇌파(EEG)측정 기기 선정하기 : 네이버 블로그 (naver.com) 괜찮아 보이는 장비 업체 https://www.gtec.at/product-configurator/g-nautilus-pro/ https://shop.openbci.com/collections/frontpage 제품 비교 사이트 https://imotions.com/blog/eeg-headset-prices/ 사용 제품 비교 문서 제목 EEG-based emotion recognition: Review of commercial EEG devices and machine learning techniques Emotiv 비교 문서 https://biomedical-engineering-online.biomed..

ETC 2021.12.20

Simple Volume Rendering App - React

개요 vtk.js와 bootstrap을 이용하여, 간단히 볼륨템플릿을 바꿔보는 프로그램을 만들어 보겠습니다. 먼저, 준비사항으로써 본 프로젝트에서 사용할 첨부 파일을 public/leonhong.vti 에 놓습니다. ps. pptx 파일은 개인정보가 있어서 첨부하지 않으므로 임으로 pptx 파일을 만들어서 사용하세요. 소스코드는 아래와 같습니다. import pptFile from './leonhong.pptx' import 'bootstrap/dist/css/bootstrap.min.css'; import { Container, Button, Row, Col, Card, Navbar } from 'react-bootstrap'; import { useRef, useEffect } from 'react'..

ETC 2021.12.11

Volume Rendering - React

리소스로 가지고 있는 vti 파일을 출력하는 예제입니다. 먼저 public 폴더에 vti 파일을 넣습니다. 그리고 그 파일에 접근할때는 process.env.PUBLIC_URL+'/LIDC2.vti' 로 접근하면 됩니다. 실제 코드는 아래와 같습니다. 더보기 import './App.css' import { useRef, useEffect } from 'react'; // Load the rendering pieces we want to use (for both WebGL and WebGPU) import '@kitware/vtk.js/Rendering/Profiles/Volume'; // Force DataAccessHelper to have access to various data source imp..

ETC 2021.12.05

React를 이용한 VTK.js 개발하기

node.js(npm 사용하기 위해)을 설치 yarn(npm와 비슷한 모듈 설치 매니져)을 npm을 이용하여 설치 npm install --global yarn React 프로젝트 생성 yarn create react-app vtk 설치 cd yarn add @kitware/vtk.js src/App.js 파일을 아래의 코드로 덮어쓰기 더보기 import './App.css' import { useRef, useEffect } from 'react'; import '@kitware/vtk.js/Rendering/Profiles/Geometry'; import vtkActor from '@kitware/vtk.js/Rendering/Core/Actor'; import vtkMapper from '@kitw..

ETC 2021.12.05