읽고 복사하지 말고,
직접 실행해 보세요

설명을 읽다가 코드를 복사해 붙이고 안 되면 어디가 틀렸는지 찾아 헤매는 일, 여기서는 하지 않아도 됩니다. 이 사이트의 코드에는 실행 버튼이 달려 있습니다. 숫자를 바꿔서 누르면 결과가 바로 바뀝니다.

시작하기콘텐츠 보기

LIVE아래 코드를 직접 실행해 보세요.

LIVE

로봇이 달리며 지도 만들기

왼쪽 코드를 고치고 다시 실행해 보세요. RES = 0.1을 0.05로 바꾸면 벽이 더 가늘게 그려지고,range(0, len(scan.ranges), 3)의 3을 1로 바꾸면 지도가 더 촘촘해집니다. 오른쪽에서는 재생 막대를 움직여 지도가 자라는 과정을 지도와 URDF 3D로 같이 볼 수 있습니다.

▶ 실행을 누르면 이 자리에 지도(/map)와 URDF 3D 화면이 나옵니다.

  • 코드를 고쳐서 돌립니다

    예제는 편집기 안에 들어 있으니 숫자 하나를 바꿔 그 자리에서 실행할 수 있습니다.

  • 눈으로 보는 결과

    출력 로그, 그래프, 시뮬레이션 화면에 결과가 나옵니다. 고치기 전과 후는 숫자와 그림으로 비교합니다.

  • 설치 없이 시작

    코드는 브라우저 안에서 실행됩니다. 개발 환경부터 만들 필요가 없습니다. 환경 구축은 뒤쪽 장에서 따로 다룹니다.

무엇이 다른가

기존 자료

  1. 1글을 읽는다
  2. 2코드를 복사해 내 컴퓨터에 붙인다
  3. 3결과가 다르면 원인을 직접 찾는다
  4. 4이해했는지는 나중에 따로 확인한다

Interactive Contents

  1. 1설명 옆에서 바로 코드를 고친다
  2. 2실행 버튼을 누른다
  3. 3바뀐 결과를 그 자리에서 본다
  4. 4확인 문제로 바로 점검한다

콘텐츠