Hamster School

외부의 웹 브라우저에서 실행하는 경우

로봇 코딩 소프트웨어에 내장된 자바스크립트 에디터를 사용하는 경우에는 코드만 작성하여 실행하면 됩니다.
외부의 웹 브라우저를 사용하는 경우에는 roboid-1.5.1.js 파일을 포함해야 하며, connect 함수를 호출하여 로봇 코딩 소프트웨어와 통신으로 연결해야 합니다.
connect 함수를 호출할 때 로봇 코딩 소프트웨어가 실행되어 있는 컴퓨터의 IP 주소를 입력하면 되는데, 로봇 코딩 소프트웨어가 실행되어 있는 컴퓨터와 웹 브라우저가 실행되는 컴퓨터가 같은 경우에는 'localhost' 또는 '127.0.0.1'을 입력해도 됩니다.

<!DOCTYPE html>
<html>
<head>
<title>Example</title>
    <script src="roboid-1.5.1.js"></script>
</head>
<body>
    <script>
        connect('123.45.67.89');

        var hamster = Hamster.create();
        hamster.wheels(30, 30);
    </script>
</body>
</html>

자바스크립트 코드 작성 시 주의할 점

자바스크립트 코드는 비동기 방식으로 작성되어야 합니다. 아래 코드와 같이 무한 반복을 하거나 오랫동안 시간을 끄는 코드는 작성하지 않아야 합니다.

var hamster = Hamster.create();

while(true) {
    console.log(hamster.leftProximity());
}

var hamster = Hamster.create();

while(hamster.leftProximity() < 40) {
    hamster.wheels(30, 30);
}
hamster.wheels(0, 0);

위의 코드들은 아래와 같이 자바스크립트의 setInterval 함수를 사용하여 작성할 수 있습니다.

var hamster = Hamster.create();

// 20 msec마다 수행할 명령을 설정한다.
setInterval(function() {
    console.log(hamster.leftProximity());
}, 20); // 20 msec마다 function() {} 안의 명령을 수행한다.

var hamster = Hamster.create();

// 20 msec마다 수행할 명령을 설정한다.
var id = setInterval(function() {
    if(hamster.leftProximity() < 40) {
        hamster.wheels(30, 30);
    } else {
        hamster.wheels(0, 0);
        clearInterval(id);
    }
}, 20); // 20 msec마다 function() {} 안의 명령을 수행한다.

수업 자료 내려 받기

원본 그림 2017.01.23 버전 (33.0 MB)

수업 준비

하드웨어 살펴보기	햄스터 · 햄스터S · USB 동글	PDF · PPT
소프트웨어 설치		PDF · PPT
로봇과 컴퓨터 연결		PDF · PPT
소프트웨어 실행		PDF · PPT

기초

심화

확장 키트

고급

행위 기반의 로봇 제어
경로 탐색
자리 바꾸기

교육 자료 : 자바스크립트 : 코드의 기본 형태 만들기