Devjo의 코딩

방향성 어떤 컨셉으로 만들지 구상하기 위해 구글과 플레이스토어에서 '대포게임'과 '벽돌깨기'를 검색했다. 대부분 인기 게임은 3D형식이었고 2D일 경우 독특한 아이디어가 가미된 작품들이었다 대포의 이미지가 아닌 스토리텔링을 할 수 있는 '공을 던지는 사람'이나 '공을 던지는 동물' 등으로 컨셉을 바꾸고 정확히 어떤 게임을 만들지 구체화하기로 했다 현재 구상 중인 아이디어(전략): 마법사의 검은숲 탈출, 욕심많은 곰의 꿀 수집기 서 있을 때, 공이 발사될 때 타이머 등을 활용하여 애니메이션 동작을 수행하도록 한다 스테이지 구상 컨셉에 맞춰서 스테이지 또한 어떤 형식으로 만들어야 할지 고민해야된다 '전략성'을 강조해서 스테이지마다 전략을 이용해 특별한 임무를 수행하는 방식인지 '스트레스 해소'를 강조해 방식..

해결해야할 사항들 에너지를 키다운으로 축적해서 발포, 대포의 색이 붉어진다 부서진 벽의 가루가 중력에 의해 떨어진다 공의 무게가 크면 벽을 부술 수도 있다 대포의 몸체와 발사부를 구분한다 대포의 움직임일 때 애니메이션 효과가 있다 공의 움직임이 멈추거나 대포가 자신의 포탄에 맞으면 생명이 감소한다 스테이지와 벽돌 스테이지: 벽돌의 위치가 저장되어 있는 곳이다 벽돌의 위치를 크롬창을 띄우면서 좌표값을 하나하나 입력하는 것은 너무 비효율적이었다. '쉽게 스테이지를 만들어갈 수는 없을까?'를 고민했고 자바스크립트 게임들의 코딩을 조사하면서 해답을 얻게 되었다. 키워드는 2차배열과 반복문이었다 this.walls =[ [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [..

물리엔진 초기 에너지 초기에너지 E를 변수로 받아 총 에너지를 이용해 물체의 운동을 설명하기는 어려웠다. 구상은 이러했다 1) 현재 물체의 높이와 속도를 받아 에너지의 총량을 계산 2) 벽에 부딪힐 때 에너지의 총량이 감소(마찰력에 의한 에너지) 3) 감소한 에너지에 이전 위치에너지를 빼고 비율에 맞춰 속도를 다시 부여 더 여러 기능이 생기면 만들어봐야겠다 에너지를 키다운으로 축적해서 발포, 대포의 색이 붉어진다 공의 무게 무게가 크면 벽을 부술 수도 있다 중력 공에는 지구와 동일하거나 작은 중력이 작용한다 포탄의 y속도는 draw메소드 내에서 프레임마다 중력가속도의 40분의 1만큼 감소한다 draw(ctx, stageWidth, stageHeight){ //중력가속도 this.vy += this.g/4..

사용할 언어: HTML, CSS, Javascript 물리엔진 초기 에너지 에너지를 키다운으로 축적해서 발포, 대포의 색이 붉어진다 공의 무게 무게가 크면 벽을 부술 수도 있다 중력 공에는 지구와 동일하거나 작은 중력이 작용한다 (부서진 벽의 가루가 중력에 의해 떨어진다) 대포 대포가 이동할 수 있다 app.js에 document.addEventListener를 만들고 cannonMove 함수를 만들어 canvas에서 대포가 움직이도록 했다 대포는 각도를 조절할 수 있다 대포의 각도에 따라 포탄이 발사된다 포탄이 발사된다 addEventListener를 통해 'Space'를 누르면 포탄이 발사된다 발사되는 위치는 대포의 위치를 기준하며 포탄 자바스크립트 내부에 벽을 만나면 속도의 값을 -1을 곱해 튕겨나..

사용할 언어: HTML, CSS, Javascript 물리엔진 초기 에너지 에너지를 키다운으로 축적해서 발포, 대포의 색이 붉어진다 공의 무게 무게가 크면 벽을 부술 수도 있다 중력 공에는 지구와 동일하거나 작은 중력이 작용한다 (부서진 벽의 가루가 중력에 의해 떨어진다) 대포 대포가 이동할 수 있다 대포는 각도를 조절할 수 있다 대포의 각도에 따라 포탄이 발사된다 (몸체와 발사부를 구분한다) 대포의 움직임일 때 애니메이션 효과가 있다 공의 움직임이 멈추거나 대포가 자신의 포탄에 맞으면 생명이 감소한다