치춘짱베리굿나이스

변수 설명 posX, posY 플레이어의 좌표를 나타내는 벡터 원점 (0, 0) 을 시작점으로, 플레이어의 좌표를 끝점으로 하는 벡터이다 단도직입적으로 플레이어의 위치 좌표라고 생각하는게 편하다 dirX, dirY 플레이어의 시선을 나타내는 벡터 길이는 1로 고정된다 플레이어가 보고 있는 방향을 나타낸다 플레이어의 눈에서 레이저가 나온다고 가정할 때 해당 레이저의 이동 방향이라 생각하면 쉽다 planeX, planeY 카메라 평면을 나타내는 벡터 카메라 평면이라는 개념이 생소할 수 있는데, 이 벡터와 반대방향 벡터 (-plane) 를 합친 만큼에 비춰지는 게임 오브젝트들이 화면상에 그려진다고 생각하면 된다 쉽게 말해, 실제 플레이어가 컴퓨터로 보는 화면의 가로 길이와 1대1 대응된다 따라서 시야와는 무조..

Raycasting 기초 계산에 필요한 벡터들 현재 플레이어의 위치를 나타내는 위치벡터 pos 플레이어의 시점 방향을 나타내는 방향벡터 dir 카메라 평면을 나타내는 방향벡터 plane 해당 벡터들 계산법 pos는 (0, 0)을 기준으로 현재 플레이어의 위치 좌표를 나타낸다 dir은 방향벡터이며 단위벡터이므로, 길이는 1로 초기화된다 dir의 시작점은 어디이던지 상관없음 ⇒ (0, 0)으로 가정 plane은 dir과 항상 수직이며, 길이는 구현하고자 하는 시야각에 따라 다름 후술하겠지만 시야각은 dir과 plane의 길이 비율에 따라 결정되며, dir의 길이는 1로 고정시키고 plane의 길이를 조절하게 된다 광선의 방향 계산 광선은 pos의 끝점부터 시작하여 plane 벡터 위의 어느 한 점을 끝점으로..

My first RayCaster with miniLibX 와! 수학! 기하와벡터! 팀 ⌜ ⌟ (웃음) 단언컨대 최고의 팀원이었습니다 감사합니다 HE IS GOD. 제 블로그 오시는 분들 제 컵디 팀원분 진짜 레전드고수왕고수킹갓엠페러코드마스터십니다 클러스터에서 마주치시면 싸인 받아놓으세요 주의사항 주의사항단 4시간동안은 빡세게 하기 파트 나누지 않고 둘이 만나서 같이 붙어서 할것 하루에 4시간씩 투자할 것 사전에 공부해야 할 내용 Lodev Raycasting 정리 참고자료 Raycasting #define screenWidth 640 #define screenHeight 480 #define texWidth 64 #define texHeight 64 #define mapWidth 24 #define m..

undefined Boolean(undefined) //false Number(undefined) //NaN String(undefined) //"undefined" 선언은 되었지만 값이 할당되지 않은 상태 ⇒ 초기화하지 않은 변수 Boolean 문맥에선 false 반환 Number 문맥에선 NaN 반환 null Boolean(null) //false Number(null) //0 String(null) //"Number" 아무런 값도 나타나지 않음 값 자체가 없다는 뜻 (undefined) 이 아니라 값은 존재하지만 어떠한 유효한 값도 아니라는 뜻 Boolean 문맥에선 false 반환 Number 문맥에선 0 반환 NaN Boolean(NaN) //false Number(NaN) //NaN Strin..

DOM 정의 Document Object Model, 웹 페이지에 대한 인터페이스이다 웹 브라우저는 HTML 문서를 읽어들이고, 문서의 내용을 선언된 형식대로 파싱하여 어떻게 페이지를 렌더링할 지 결정한다 문서에 대한 파싱이 끝난 뒤에는 렌더 트리가 생성되며, 이 트리에는 웹 페이지에 표시될 HTML 요소들과 스타일 요소들이 트리 구조로 표현된다 예시 안녕하세요 방가방가 html 파일의 내용은 웹 브라우저에 의해 파싱되어 DOM 형태로 메모리에 올라가고, DOM은 노드로 구성된 논리 트리로 표현된다 가장 최상단에 위치한 루트 태그인 html 태그는 트리의 루트가 되고, 하위 태그들은 자식 요소가 된다 DOM === html ? DOM은 html 파일로부터 생성됨에도 불구하고 항상 1대1로 매치되진 않는다..

둘 다 html 태그의 속성을 의미하지만 세부적으로 다른 특성을 띈다 Attribute html 문서에서 각 원소 태그에 추가적인 정보를 주기 위한 요소이다 위의 예시에서 className, src가 Attribute이며, “test-div” 와 “./testimg.jpg”는 각각 div attribute와 img attribute의 value가 된다 Property html이 아닌, html DOM에서의 속성 (DOM이란? html DOM) 간단하게 말해서 자바스크립트 등의 스크립트 언어를 통해 DOM의 노드들을 수정할 수 있고, Property 또한 자바스크립트에서 동적으로 조작할 수 있다 위의 예시에서 html에 명시된 value attribute는 “안녕하세요” 인데, input 태그의 특성상 v..

vw / vh v = viewport (현재 보여지는 화면 크기) vw = 뷰포트 너비에 비례 vh = 뷰포트 높이에 비례 예시: 3vw = 뷰포트 너비의 3% vw, vh는 부모의 너비 / 높이와 무관하다 vmin / vmax vmin = 뷰포트 너비 / 높이 중 작은 것에 비례 vmax = 뷰포트 너비 / 높이 중 큰 것에 비례 em / rem em = 부모의 폰트 크기에 비례 rem = 최상위 요소 (대체로 html) 의 폰트 크기에 비례 예시: 부모의 폰트 크기가 12px일 때, 3em = 12 * 3 = 36px 브라우저 기본 폰트 사이즈는 100%에서 16px이다 ex 현재 폰트의 x 높이값 (알파벳 x의 높이 값) 또는 em의 절반 ch 현재 폰트의 0 너비값 (숫자 0의 너비 값) 참고자료..

심지어 blog.chichoon.com 주소가 아니라 chichoon.tistory.com으로 검색이 되네 그것도 1페이지에 아 좀 부끄럽다 저 미니톡 끝낸지... 9개월됐습니다 서브젝트가 바뀌었을지도 모릅니다 하하