[📜일지] 바닥 Parallax 스크롤링 효과 구현하기

[닥터휴버트(drhubert)]

어릴 때 오락실이나 게임기로 게임할 때 바닥이 원근감이 적용되는게 참 신기했었는데 이번에 관련 자료들을 찾아보다가 적절한것을 찾아서 SDL로 구현해봤어.

https://sf2platinum.wordpress.com/2020/10/15/row-scrolling-for-parallax-effects/

방법은 아주 간단. 그냥 라인별로 스크롤 정도를 다르게 하는 것 뿐.

이미 스프라이트는 투시가 적용된 그림이기 때문에 단순히 화면 아래로 내려올수록 선형적으로 스크롤 속도를 증가시키면 끝.

도트 연습도 할겸 직접 도트를 찍은 후 SDL로 짜서 테스트 해보았소.

찍은 도트

Parallax가 없는 일반적인 스크롤

행별로 스크롤 정도를 다르게 해서 Parallax 효과를 준 스크롤

이런 것을 Raster Effect라고 하는데 좀 더 찾아보니 옛날 게임기나 오락실에서 보던 유사 3D 기법들이 대부분 이와 유사하더라고.

대부분 스캔라인별로 한줄로 분해해서 3D효과를 내는 형태임.

정말 별거아니였는데 오랜 궁금증을 해결해서 기쁘다.

[익명(118.32)]

유용추

[익명(223.33)]

막눈이라 짤2개 비교하면서 봐도 잘모르겠는데 어딜 주의깊게봐야 원근감이 느껴짐?

[닥터휴버트(drhubert)]

세로 줄이 움직이는 것? 너무 과하게 주면 또 이상해서 미묘하긴 해.

[익명(223.33)]

오

[익명(223.38)]

이게 그 딱 고전게임들 유사3d 그건데 뭔지 모르면 눈에 잘 안뛸지도 모르겠다.

[송천동뚜벅이(dbfud140)]

윗부분이랑 아랫부분이랑 스크롤 정도가 다른원리임? - dc App

[닥터휴버트(drhubert)]

ㅇㅇ 라인마다 아래로 내려갈수록 스크롤을 더 많이 해주는 거임.

[익명(usnned)]

뒤쪽 버텍스 2개 조작하면 비슥하게 나올거같은데

[닥터휴버트(drhubert)]

ㅇㅇ 그냥 shearing 하는거니 완전 똑같음

[익명(222.110)]

이렇게 하는거였구나 처음 알았네요

[익명(211.47)]

여윽시 이런 디테일이 게임을 만들지 ㅋㅋ