어제 물리엔진 자랑 올린사람임 ㅎ

이건 예전에 만든건데


소프트웨어 렌더링이라고 하드웨어 그래픽 api안쓰고 cpu단에서 렌더링하는거임.

예전에 공부용으로 만들어봤음ㅎ

이것도 html canvas + vanilla js로 만듦.


사실 c++에 sdl로 만드려고 했는데 자바스크립트로 만들면 링크만 주고 데모 플레이할 수 있어서

그 점이 좋아보여서 공부할도겸 자바스크립트로 만들어봤음

프레임은 드럽게 안나옴 c++로 만들었으면 프레임 한 5배는 잘 나올듯..


이거 만들면서 제일 어려웠던 부분이 clipping이었고 래스터라이징 자체는 그렇게 어렵진 않더라.

vertex, geometry, fragment 쉐이더 스테이지, 노말맵핑, phong shading, post processing

이정도 렌더링 테크닉까지 구현함

더이상은 렉걸려서 못하겠더라..



아래 링크에서 체험가능

렉걸리니까 똥컴은 들어가지 마삼 ㅜ

내 cpu는 i7 7700인데 200x150 해상도일때 한 50프레임 나옴 ㅋㅋㅋ

800x600은 7프레임 나온다 ㅋㅋㅋㅋ


https://softwarerenderer.netlify.app/