정보실

웹학교

정보실

javascript p5로 멀티 플레이어 게임을 코딩하는 방법!

본문

logo.jpg?w=1060 


p5를 사용한 게임 코딩은 멀티 플레이어 게임을 코딩하는 것이 매우 재미있어서 동료와 더 잘 어울릴 수 있습니다. 

p5를 사용하여 몇 가지 멀티 플레이어 게임과 몇 가지 게임을 만들었으므로 아름다운 사람들과 직접 공유하는 방법을 알려 드리겠습니다.


https://codeheir.com/2019/05/11/how-to-code/ 


어디서부터 시작해야 합니까? 


자, 멀티 플레이어 게임을 설정하면 보일러 플레이트가 상당히 많으므로 모든 지루한 비트를 피할 수 있도록 킥 스타터 저장소를 만들었습니다. 

p5-multiplayer-game-starter는 이 아름다운 저장소입니다!


p5-multiplayer-game-starter는 무엇입니까? 


express, socket.io 및 p5.js를 사용하여 멀티 플레이어 게임 개발을 시작하는 매우 간단한 방법입니다. 이는 멀티 플레이어 게임 개발에 대한 의견이 많은 접근 방식을 나타내므로 힘든 초기 보일러 플레이트 단계를 건너 뛸 수 있습니다.


이 마법의 저장소를 사용하는 방법? 

  1. 프로젝트 복제
  2. 루트 디렉토리에 npm install
  3. npm start!

상세 


이 프로젝트는 매우 간단하며 클라이언트 플레이어 클래스와 서버 플레이어를 설정합니다. 16ms마다 서버는 게임의 현재 상태를 클라이언트에게 내 보냅니다. 새로운 클라이언트가 서버에 참여하면 새로운 플레이어가 게임에 추가되고 모든 클라이언트에 표시되며, 게임을 떠날 때 자동으로 플레이어를 제거합니다. 새로운 멀티 플레이어 게임을 만들 때 자주 재현해야 하는 표준 기능이므로 이 기능이 유용 할 것입니다.


각 클라이언트는 게임의 플레이어가 되고 서버와 통신합니다. 서버는 플레이어 위치와 같은 모든 게임 상태를 제어합니다. 각 클라이언트가 게임에서 플레이어를 렌더링 (p5 사용) 할 수 있도록 플레이어의 위치가 모든 클라이언트에게 전달됩니다!


Image result for client server 


지금까지의 게임 데모! 


플레이어가 localhost : 8080로 이동하여 게임에 참여합니다


Player one joins 


그러면 친구가 합류합니다!


Player two joins 


친구는 당신이 게임에서 얼마나 피의 선량한지를 보고 빨리 떠납니다 ..


Player two joins 


따라서 기본적으로 저장소는 가장 간단한 형태로 클라이언트가 게임에 참여하고 나가는 클라이언트를 처리합니다.


거기서 우리는 저장소를 둘러보고, 기본 물리학을 추가하고, 고객과의 상호 작용을 얻는 것이 좋습니다. 

이것은 다음 IO 히트의 매우 기본적인 빌딩 블록을 제공합니다!






  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 23회 ]  작성일19-08-25 11:39

웹학교