프로세싱 게임 예제

기사를 따르고, 전체 코드를 잡고, 직접 플레이하고, 가능한 한 빨리 자신의 게임에 대해 생각하고, 구현을 시작하는 것이 좋습니다. 처음 작은 게임을 마쳤을 때 몇 가지 주요 개념에 조금 연연하는 것이 중요합니다. 지금까지 시작 화면을 추가하려고 할 것입니다. 또한 곱슬 대괄호를 올바르게 가져오는 데 어려움을 겪고 있을 것입니다. 이 비디오는 이러한 개념을 통해 실행됩니다: 이제 공과 벽의 충돌을 감지할 수 있으므로 게임 메커니즘을 결정할 수 있습니다. 게임을 조정한 후, 게임을 다소 플레이할 수 있게 되었습니다. 그러나 여전히, 그것은 매우 어려웠다. 게임에 대한 나의 첫 번째 생각은 공이 벽에 닿을 때, 게임이 끝날 때, 플래 피 버드처럼 만드는 것이었습니다. 하지만 그때 나는 그것이 재생불가능할 것이라는 것을 깨달았다.

그래서 여기에 내가 생각한 것입니다 : 첫 번째 단계는 프로젝트를 초기화하는 것입니다. 우선, 우리는 우리의 설정을 작성하고 평소와 같이 블록을 그릴 것입니다, 아무것도 공상또는 새로운. 그런 다음, 우리는 다른 화면 (초기 화면, 게임 화면, 화면 을 통해 게임 등)을 처리합니다. 그래서 질문이 발생, 우리는 어떻게 처리가 올바른 시간에 올바른 페이지를 표시할 수 있습니까? 이 처리 자습서의 모든 것을 다루는 전체 자바스크립트 코드는 여기에서 찾을 수 있습니다. wallHandler()는 배열 목록에 있는 현재 벽을 순환합니다. 그리고 각 루프의 각 항목에 대해 배열 목록의 인덱스 값으로 wallRemover(i), wallMover(i) 및 wallDrawer(i)를 호출합니다. 이러한 메서드는 이름에서 알 수 있는 작업을 수행합니다. 벽그리기()는 간격 벽 데이터를 기반으로 실제 벽을 그립니다. 배열 목록에서 벽 데이터 배열을 잡고 rect() 메서드를 호출하여 벽을 실제로 있어야 하는 위치에 그립니다. wallMover() 메서드는 배열 목록에서 요소를 잡고 wallSpeed 전역 변수를 기반으로 X 위치를 변경합니다.

마지막으로 wallRemover()는 화면 밖으로 있는 배열 목록에서 벽을 제거합니다. 우리가 그렇게하지 않았다면, 처리는 화면에 있는 것처럼 처리했을 것입니다. 그리고 그것은 성능에 큰 손실되었을 것입니다. 따라서 배열 목록에서 벽이 제거되면 후속 루프에 그려지지 않습니다. 이 컬렉션에는 프로세싱으로 빌드된 게임이 포함됩니다. 즐길! 라켓의 색상, 너비 및 높이를 전역 변수로 정의했기 때문에 게임 플레이 중에 변경하기를 원할 수 있습니다. 우리는 그 이름이 제안하는 것을 수행하는 메서드 drawRacket ()를 구현했습니다. 우리는 정류 모드를 가운데로 설정하여 라켓이 커서의 중앙에 정렬됩니다. 하지만 애니메이션 프로세스에 문제가 있습니다. 이것이 실제 시나리오라면, 공은 표면에 닿을 때마다 공기 저항과 마찰에 직면했을 것입니다. 이것이 게임의 애니메이션 프로세스에 필요한 동작이므로 이를 쉽게 구현할 수 있습니다.

이 기사에서는 처리를 사용하여 직접 게임을 구현하는 방법을 단계별로 설명합니다. 각 단계는 자세히 설명됩니다. 그런 다음 게임을 웹으로 포팅합니다. 처리는 Java를 기반으로 합니다. 자바 스크립트는 표면에서 자바와 유사하기 때문에 p5.js 자바 스크립트 라이브러리를 사용하여 웹에 처리 코드를 이식하는 것은 매우 간단합니다. 이제 게임 화면에서 작업을 시작합니다. 우리는 먼저 우리의 공을 만들 것입니다. 나중에 해당 값을 변경하려고 할 수 있으므로 좌표, 색상 및 크기에 대한 변수를 정의해야 합니다. 예를 들어, 플레이어가 더 높은 점수를 기록할 때 공의 크기를 늘려 게임이 더 어려워질 수 있도록 하려는 경우. 크기를 변경해야 하므로 변수여야 합니다.

우리는 중력을 구현 한 후 볼의 속도도 정의 할 것입니다. 이 처리 자습서에서는 매우 간단한 게임을 빌드하는 방법을 설명하려고 했습니다. 그러나, 우리가이 문서에서 한 것은 빙산의 일각에 불과합니다.


Parse error: syntax error, unexpected ',' in /home/nickegge/public_html/wp-content/themes/minimatica/comments.php on line 68