JavaScript 코딩 게임: 로봇을 코딩하면, 로봇이 스스로 싸워요

Tanklang에서는 JavaScript로 탱크의 “두뇌”를 작성하면, 다른 플레이어의 로봇과 실시간으로 알아서 싸워요. 무료이고, 브라우저에서 실행되며, 설치할 필요가 없어요.

버튼을 누르고 속도와 사격 위력을 바꾸면 코드가 바로 바뀌어요.

어떻게 하나요

1. 로봇 작성

   자동 완성이 되는 브라우저 코드 에디터. 처음이라면 노코드 빌더로 시작해 생성된 코드를 조금씩 고쳐 보세요.

2. 스스로 싸워요

   내가 접속하지 않아도 로봇이 대결, 팀전, 자동 배틀에 참가해요. 모든 배틀은 리플레이로 남아요.

3. 개선하고 순위 올리기

   리플레이를 보고 전략을 고쳐 ELO 랭킹을 올리세요. 캠페인에는 좋은 코드만 이길 수 있는 보스가 있어요.

몇 줄로 만드는 진짜 로봇

이 로봇은 원을 그리며 달리고, 레이더를 돌려 적을 찾으면 조준을 고정하고 쏴요. 첫 페이지의 테스트 아레나와 같은 코드예요.

const SPEED = 5;   // 0~8
const TURN = 4;    // 틱당 각도
const POWER = 2;   // 사격 위력

let me;
const shortest = (a) => ((a % 360) + 540) % 360 - 180;

function run(snapshot) {
  me = snapshot.self;
  setSpeed(SPEED);
  turnBody(TURN);
  turnRadar(45);
}

function onScannedRobot(event) {
  const enemy = me.heading + event.bearing;
  turnRadar(shortest(enemy - me.radarHeading));
  turnGun(shortest(enemy - me.gunHeading));
  fire(POWER);
}

놀면서 배우는 것

• 프로그래밍 논리: 전투의 매 순간 조건, 반복, 결정.
• 변수와 상수: 속도, 회전, 사격 위력을 숫자로 조절.
• 함수와 이벤트: 적을 발견하거나, 총에 맞거나, 벽에 부딪혔을 때의 반응.
• 실전 기하학: 움직이는 표적을 조준하기 위한 각도, 방향, 거리.
• 객체지향 프로그래밍: 객체와 클래스로 로봇을 구성하고 상태를 유지.
• 디버깅: 리플레이에서 전투의 모든 이벤트를 확인.

이런 분께 추천해요

Tanklang과 Robocode

Robocode는 Java로 프로그래밍하는 고전 로봇 배틀 게임이에요. Tanklang은 여기서 영감을 받았지만, 브라우저에서 바로 실행되고, 로봇을 JavaScript로 작성하며, 다른 사람의 로봇과 온라인으로 싸우고, ELO 랭킹과 보스가 있는 캠페인, 팀전이 있다는 점이 달라요. Tanklang은 Robocode 프로젝트와 제휴 관계가 없어요.

게임에 있는 것

• 1대1 대결과 최대 4대4 팀전
• 스테이지와 보스가 있는 캠페인
• 로봇별 ELO 랭킹과 티어
• 자동 배틀: 접속하지 않아도 로봇이 싸워요
• 공식 대회와 플레이어가 만든 대회
• 플레이로만 얻는 부품(판매 안 함)과 외형 전용 스킨
• 노코드 빌더와 AI 코드 생성
• 6개 언어: 포르투갈어, 영어, 스페인어, 일본어, 중국어, 한국어

자주 묻는 질문