현재 Canvas의 비디오 스트림을 3D 메쉬로 변환하기위한 JavaScript 라이브러리가 있습니까?캔버스의 비디오를 3D 메쉬로 변환하기위한 적절한 시작점은 무엇입니까
예를 들어 카메라를 컵으로 향하게하고 원시 이미지를 캡처하여 이전 데이터를 새 데이터와 비교하여 볼 수있는 개체의 가장자리 윤곽선을 생성하고 가장 간단한 다각형 세트로 변환하고 표시하는 것이 이상적입니다 계산 된 다각형/모델은 두 번째 캔버스 요소에 있습니다.
오브젝트 파일에서 캔버스로 렌더링하는 3 차원 자바 스크립트에서 mrdoob의 우수한 작업을 보았지만 원시 데이터를 캡처하고 메쉬 생성을 시도하고 있습니다. 현재 캡쳐 된 카메라보기 내에있는 모든 객체의 소켓을 통해 2 명의 사용자간에 메쉬 포인트를 보내려고합니다.
도움을 주시면 감사하겠습니다.
그것은 매우 복잡한 문제입니다. 대부분의 알고리즘은 2 차원 정보를 인식하여 3D 객체로 처리하기 위해 2 개의 이미지 (스테레오 비전 시스템)가 필요합니다. 웹캠으로이 작업을 수행하고 자바 스크립트를 지원하는 것은 매우 어려운 일입니다 :)
기본적으로 컴퓨터 비전 기술 (가장자리 감지, 필터링, 3D에서 2D 매핑 ...)을 결합해야한다고 생각합니다. 여기
유용 할 수있는 몇 가지 정보입니다자바 스크립트를위한 컴퓨터 비전 라이브러리 - https://github.com/alex-m/seevee.js/wiki (포트 잘 알려진 OpenCV의 기능의 일부) - 웹캠 이미지, 3D 처리를 얻을 도움이 될 수있는 등
경량 3D 라이브러리 - https://github.com/mrdoob/three.js/
는 이미 3D로 정점 정보가이 방법을 http://www.eng.cam.ac.uk/news/stories/2009/3D_models/
라이브러리가 아니지만, 찾고자하는 기술에 대한 데모가 있습니다.
안녕하세요 @eighteyes, 비주얼을 3D 렌더링 컨셉으로 분리하기위한 웹캠 메쉬가 멋집니다. 나는 그것을 실행하는 것처럼 보일 수 없다. 크롬은 버전 22에서이 예를 액세스하고 실행하기 위해 죽어 가고 있습니다. 그러나 캡처의 일부일 뿐이지 만 어떤 메쉬가 생성되는지 또는 픽셀 밝기 만 사용하여 3D 개체와 얼마나 잘 매핑되어 있는지 확실하지 않습니다. 나는 또한 완전한 해결책을 찾고있어, 아직 현상금을 수여 할 수는 없다. 그러나, 나는 그것을 사람들이 확인하는 것이 좋습니다! 매우 영리 해 보입니다 - 감사합니다! – MyStream
현상금이 여기에 수여되었지만 질문에 전적으로 답이 없었기 때문에 위 질문과 대답을 묻는 사람이 요구 사항과 실제로 일치하지 않기 때문에 응답을 탄력과 일치시킬 수는 없지만 여전히 생각합니다 사람들은 관심을 끌기 위해 그것을 체크 아웃해야한다. – MyStream
OBJ-파일을 참조하십시오. 그것은 캔버스에 표시하는 것이 매우 간단합니다. 2D 비디오에서 3D 메쉬를 생성하고 싶습니까? 오브젝트의 다른 오브젝트면에 대한 깊이 정보/정보를 어떻게 얻을 것입니까? - 이미지 처리를 통해 객체의 외곽선을 얻는 것은 가능하지만 2D 정보 만 얻을 수 있습니다. – Smamatti
비디오 추적이라고하는 흥미로운 응용 프로그램이 있습니다. 사용자가 개체를 윤곽선으로 표시하는 선을 입력해야하지만 실시간으로는 그렇지 않지만 가장자리를 보간하는 데 매우 영리합니다. 유사하게 제스처 추적을위한 가장자리 감지를 수행하는 kinect 용 응용 프로그램이 있습니다. 프레임을 비교하여 여러 프레임에서 경계와 지오메트리를 식별 할 수있는 응용 프로그램은 특정 소실 선을 감지 할 수 있거나 관련 지점 세트의 동작이 다른 점과 다른 경우 3D 좌표로 이어질 수있는 방향이 될 수 있습니다. 어떤 방법 으로든 나를 배워야 할 것이 많습니다 – MyStream