[💬] 거의 다 만든 자작 물리엔진 근황.gif (+체험가능)

[익명(121.163)]

각종 관절(Joint)들 구현함 ㅎ

Revolute, Prismatic, Distance, Max distance, Weld, Motor, Line, Angle, Grab

이렇게 위에 9개 구현해서 각종 데모들 만들어봤음 ㅎ

깃허브 올려놓고 넷리파이로 호스팅해서 아래 링크에서 여러분들도 플레이 해 보실수 있습니다

버그나 UI/UX 불편한부분 있으면 알려주세요

https://physicsengine.netlify.app/

(레어 도메인 먹음 ㅎ)

---------------------------------------

이 프로젝트 HTML 캔버스에서 타입스크립트로 개발했는데

타입스크립트가 생각보다 좋더라구요. 자바스크립트 단독으로는 이제 앞으로 안쓸듯..

CSS는 너무 극혐이어서 부트스트랩 복붙으로 만듦 ㅎ

테크 데모용으로 HTML Canvas + 타입스크립트 추천합니다. 링크만 주면 바로 상대방이 플레이 해 볼 수 있어서 좋음

현재 남은거는 완전 하이엔드 최적화 테크닉 몇개정도 남았는데

이거는 나중에 c++로 포팅할때 추가해볼까 함.. constraint graph 상에서 island 만들고 이걸 병렬로 solve하는건데 웹에는 멀티 스레드가 없으니까..

---------------------------------------

여튼 물리엔진 만들어본 후기는 일단 재밌었고, 좀 어렵긴 했는데 배운게 많아서 좋았음

수학으로 모델링(Physically based modeling) 하고 최적화해서 코드로 옮기는과정인데 수학부분도 배운점이

많고 다른 영역에도 써먹을 내용도 많았음. 물리 프로그래머들의 지혜 습득띠~

그리고 한국에는 자료가 많이 없는게 아쉬웠고 나중에 기회가 된다면 비디오 튜토리얼 만들고싶음..

근데 전에도 글 썼다시피 아무도 안볼것 같아서.. 블로그에 간단한 글로 정리하지 않을까 생각중

(사실 텍스트 튜토리얼도 한국자료가 거의 없음ㅜ)

+물리 엔진 만드는데 궁금한점 있으신분 댓글로 질문 남겨주세요. 다 답해드림

[익명(121.163)]

라이브 데모 넷리파이 링크
https://physicsengine.netlify.app/

[익명(59.18)]

구현 잘 했네 굳굳

[익명(222.233)]

오 신기하다 족고수 ㄷㄷ

[익명(222.233)]

[엘레오놀(alwlsdydtjd1)]

갠적으로 비디오 튜토리얼 해줬음 좋겠네요 - dc App

[익명(182.230)]

짱멋져요

[익명(219.250)]

진자운동 피스톤 ㅗㅜㅑ

[익명(123.142)]

ㅈ고수네... 예전에 다이렉트로 한번 시도했다가 개병신같은거 하나 구현하는데도 대가리깨지는줄 알았는데

[엠제이마크(bleed2001)]

굿이다..

[거붓(ggp02217)]

희귀종 엔진게이추

[익명(124.57)]

그는 신이야

[딸기청(wk4562)]

미쳤네 - dc App

[익명(221.146)]

두 물체가 부딪혔는지는 어케 계산함? 예를들어 삼각형이랑 사각형 아예 모든 꼭지점 하나씩 다른 물체들이랑 거리계산하나? 너무 연산량이 심할거 같은데

[익명(q35n9n8)]

그런 것만 다루는 collision detection이라는 topic이 있음

[익명(221.146)]

대충 개념이 어떤식인지 힌트만 줄 수 있어? 예를 들면 꼭지점 하나씩 다른 꼭지점들이랑 거리를 계산한다던가 이런식으로 걍 큰 개념 자체가 궁금함

[익명(121.163)]

저 작성자인데 gjk 알고리즘 사용했어요. 더 간단한 방법으로는 sat 있는데 gjk가 성능이 제일 좋아서 다 이거 씀

[익명(q35n9n8)]

소스코드 보고 싶어요

[선비혁(jih7368)]

대단하시네요 ㄷㄷ 혹시 어떤 레퍼런스들 참고하셨는지 올려주실 수 있을까요?

[볼살사냥꾼(movindeep)]

box2d 개발자인 erin catto의 gdc 발표자료가 제일 도움이 많이 됐어요. box2d.org 들어가면 pdf로 다운 가능합니다. box2d-lite버전 소스코드 직접 보는것도 도움 많이 됐고 2005년발표자료부터 쭈욱 보시면 됩니다.