개발 · 컴퓨터공학/three.js

Threejs Cloth Tailor 개발일지 - 잘린 부분 시뮬레이션 이슈, cloth 객체 face update, simulation start 마다 constraint가 추가로 push되어 연산량 대폭 증가

이전 포스팅 보러가기 이슈. 잘린 부분이 시뮬레이션에 반영되지 않음mesh 분리 작업을 하는 과정에서 어느 순간부터인지 이렇게 잘리면, 아래 부분은 힘을 잃고 일부 떨어져야하는데, 마치 하나인 양 움직인다. 온전히 mesh가 분리되지 않으면 생기는 현상이다. 왜 이러지? 이 부분은 remove vertex에서도 remove edge에서도 발생한다.  이외에도 치명적인 이슈가 하나 더 있는데, 우선 이 문제부터 해결하자. 원인 분석일단 mesh separate로 인해서 생기는 현상은 아닐 것이다. 분리되지않으면 mesh에 대해 특별히 처리하지 않으므로. 따라서 raycast나 vertex remover에서 있을 것이다.  아.. 찾은 것 같다. 영향을 미친 부분은 아마 이 함수이다. simlation st..

2024. 7. 21. 09:00

개발 · 컴퓨터공학/three.js

Threejs Cloth Tailor 개발일지 - geometry attribute uv 사라짐, 분리 mesh simulation, collition 상호작용

이전 포스팅 보러가기 이제 mesh 분리 후 시뮬레이션 정상화 작업을 해보자.  uv attribute의 실종 계속해서 vertex remover에서 에러가 발생한다. uv? 갑자기 attribute에서 uv가 사라졌나? 실제로 분리되어 cloth0과 cloth1로 쪼개진 것 중 cloth0을 보면 attirbute에 normal과 position만 있고, uv가 사라져있는 것을 알 수 있다. 어째서?  심지어는 mesh를 분리할 때 computeVertexNormals 함수를 사용하지 않으면 normal 조차 없다.uv도 다시 생성하면 될 것 같기도 한데..  방법이 없나. export function separateMesh(scene: THREE.Scene, mesh: THREE.Mesh){ // ..

2024. 7. 20. 17:31

개발 · 컴퓨터공학/three.js

Threejs Cloth Tailor 개발일지 - mesh 분리, mesh 자르기 아이디어 : spring cut off, mesh clone copy, mesh 분리 cloth simulation

이전 포스팅 보러가기 이렇게 잘린 경우 일반적으로는 mesh가 분리되어야한다하지만 현재는 geometry만 움직이고 있고 사실은 같은 mesh에 속한다  mesh를 분리하려면 어떻게 코드를 수정해야할지 좀 봐야겠다.  raycast event 처리일단 raycast event 중복 현상 등을 빠르기 해결하자. 이벤트의 잘못된 구조를 없애자.  export function init(scene: Scene, camera: Camera): Raycaster{ // set mouse status window.addEventListener('mousedown', ()=>{isMouseDown = true}, false) window.addEventListener('mouseup', ()=>{isMouseDo..

2024. 7. 19. 03:28

개발 · 컴퓨터공학

NeRF(Neural Radiance Fields)논문에 대해서 알아보자

NeRF라는 논문은 최근 vision관련 많은 논문들에서 인용되고 있고.이것이 그래픽스 분야에서도 많이 사용된다. 비전 분야에 대해서는 문외한이지만 때문에 논문에 대해서 나름대로 공부를 해보자.알아야할 개념들과 키워드 NeRF 논문에 대해서 조금만 본다면 논문의 방법 자체는다양한 각도에서 촬영된 이미지와 카메라 파라미터를 바탕으로 input하여,output으로 새로운 뷰를 출력할 수 있는 방법이다. NeRF라는 모델은 입출력에 대해 다층 퍼셉트론 MLP의 형식으로 모델이 구성되어있다. 학습하는 과정에서는 volume rendering이라는 말이 나오는데,이것이 컴퓨터 그래픽스 분야에서 사용되는 volume graphic과 어떤 연관성이 있는건지. 그렇다면 NeRF에서의 volume이란 무엇을 말하는지 알..

2024. 7. 17. 23:23

개발 · 컴퓨터공학

NAFNet 학습과 성능 향상 (image denoise, deblur, restoration, StereoSR, normalization)

NAFNet 학습된 모델 평가하기해당 방법으로 evaluation을 진행해보자 우선 experiments/pretrained_models 경로에 학습완료된 모델 pth 파일을 넣고이름을 데이터셋에 맞게 바꿔준다여기서는 GoPro witdth32로 학습시켰으므로 NAFNet-GoPro-width32.pth 라고 한다  python -m torch.distributed.launch --nproc_per_node=1 --master_port=4321 basicsr/test.py -opt ./options/test/GoPro/NAFNet-width32.yml --launcher pytorch실행해보니 에러가 나는데 options/test/GoPro/NAFNet-width32.yml에서 백엔드를 수정해보자 그래도..

2024. 7. 17. 23:19

개발 · 컴퓨터공학/three.js

Threejs Cloth Tailor 개발일지 - mesh 분리, mesh 자르기 아이디어 : spring cut off, macOS 환경 렌더링 이슈 (safari, chrome issue)

이전 포스팅 보러가기 이렇게 잘린 경우 일반적으로는 mesh가 분리되어야한다하지만 현재는 geometry만 움직이고 있고 사실은 같은 mesh에 속한다  mesh를 분리하려면 어떻게 코드를 수정해야할지 좀 봐야겠다.  mesh 자르기 방법의 다른 아이디어자른다는 개념에서 새로운 아이디어가 떠올랐다.edge를 삭제하는 방법인데. 이전에 구현했던 edge를 따라 잘라서 vertices를 분리하는 방법이 아닌,face의 edge 즉 cloth spring을 끊어내는 방식이다. 그러면 마우스가 그리는 선을 따라서 어떤 edge를 끊어내는지 어떻게 결정하는가?지금 당장 떠오르는 방법은 마우스 raycast가 추적한 face들의 경로를 통해 끊어낼 spring을 구하는 것이다. 기존 알고리즘에서 face끼리는 ne..

2024. 7. 15. 20:08