중학생 대상으로 아주 간단한 genetic algorithm 을 보여줄 일이 생겼습니다. genetic algorithm 자체야 뭐 간단한 개념이니까 설명하는 데 애로사항이 없는데, 예를 하나 보여주는 게 쉽지 않네요. 아이들이 사용하는 랭귀지가 자바 스크립트인데, 제가 C++ 을 마지막으로 프로그래밍에서 손 뗀 사람이라서 그렇습니다.

genetic algorithm 라이브러리를 쓰지 않고 아주 간단한 알고리즘을 직접 코딩해서 보여주고 싶은데, 이걸 대충 세 시간 정도에 마쳐야 합니다. 즉, 제가 미리 코드는 다 짜놓고, 그걸 브라우저에 부분 부분 추가하면서 어떤 식으로 시스템이 동작하는지 보여줘야 하는 거죠. 해서 어려운 예는 쓸 수 없고, 이미지에 첨부된 대로 하얀 공이 사다리 (수평선들) 를 점프해서 올라가는 예를 보여주려고 합니다. 사다리를 올라가려면 적당한 속도로 점프를 해야 하고, 그 점프를 위한 에너지를 충전해야 하는 상황입니다. 그럴 때 최적 속도를 '진화를 거쳐서' 산출하게 만들려고 합니다. (에너지 충전을 비효율 적으로 만들어서, 계단 하나를 올라가기 위한 최저속도로 점프하는 것이 최적값이도록 세팅해놓고, 과연 그 값을 찾을 수 있는지 보여주려고 합니다)

자, 여기서 질문입니다. 진화를 통해 최적 속도를 산출하는 알고리즘은 오히려 쉽게 만들 수 있겠는데, 최적 및 비최적 속도를 지닌 공들이 점프 경주를 하는 그래픽을 구현할 수가 없네요. 공 하나는 점프를 시킬 수가 있는데, 여러개를 정의하려면 어떻게 해야하는 지 전혀 모르겠어요. (참고로 저는 자바를 공부한 지 10시간이 되지 않습니다. 따라서 모르긴 해도 분명히 객체 지향 관련한 커맨드가 있을 것이고, 그걸 이용한 구현이 쉬울 것 같긴 합니다.)

현재까지 제가 짠 코드는 다음과 같고, 중간에 질문들을 넣었습니다.

[우선 제일 중요한 질문은, 아래와 같은 점퍼 그래픽을 '여러개의 객체가 동시에 뛰도록' 하려면 어떤 명령어를 써야하는 지 모르겠습니다. 상세 코드까지는 도와주실 시간이 안되시더라도 어떤 명령어를 알아봐야하는 지 팁을 주시면 감사하겠습니다 흑흑]

var jumperHeight=0; // 현재 점퍼의 높이
var standardVelocity = 2.5; // 점퍼가 선택한 점프 속도
var initialVelocity=standardVelocity; // 뭔가 standardvelocity 말고 막 쓰기 위해 굳이 추가로 정의한 점프 속도
var stepSize = 25; // 사다리 높이
var currentStep = 0; // 점퍼가 현재까지 돌파한 사다리 갯수
var EnergyNeeded = (standardVelocity^2 * 15); // 점프하기 위해 충전해야하는 에너지
var jumperEnergy = 0; // 현재 충전한 에너지

var draw = function() {
    background(184, 236, 255);
    
    line(0,300,400,300); // 사다리를 배열하는 커맨드를 몰라서 그냥 무자비하게 반복
    line(0,300-stepSize,400,300-stepSize);
    line(0,300-2*stepSize,400,300-2*stepSize);
    line(0,300-3*stepSize,400,300-3*stepSize);
    line(0,300-4*stepSize,400,300-4*stepSize);
    line(0,300-5*stepSize,400,300-5*stepSize);
    line(0,300-6*stepSize,400,300-6*stepSize);
    line(0,300-7*stepSize,400,300-7*stepSize);
    line(0,300-8*stepSize,400,300-8*stepSize);
    line(0,300-9*stepSize,400,300-9*stepSize);
    line(0,300-10*stepSize,400,300-10*stepSize);
    line(0,300-11*stepSize,400,300-11*stepSize);
    
    if (jumperEnergy >= EnergyNeeded) // 충전이 완료되었으면 점프
    {
        jumperHeight+=initialVelocity; // 루프 한 바퀴를 돌 때마다 점퍼 높이가 현재 속도에 비례해서 증가 혹은 감소
        initialVelocity-=0.1; // 루프 한 바퀴를 돌 때마다 점퍼 감속 [루프 한 바퀴라는 것이 시스템마다 실제 시간이 다르기 때문에 이 부분을 뭔가 물리적으로 더 직관적이도록 바꾸고 싶은데 어떻게 해야할 지 잘 모르겠습니다]
        ellipse(200,300-jumperHeight,10,10); // 점퍼 그리기
    
        if ((jumperHeight-currentStep*stepSize) >= stepSize) // 만약 점퍼가 상승중 특정 사다리를 넘어섰으면 그 아래로 떨어지지 않도록 기록
        {
            currentStep +=1;
        }
    
        if (jumperHeight <= currentStep*stepSize) // 점퍼가 하강중 사다리를 만나면 거기서부터 다시 에너지 충전하면서 점프 시도
        {
            initialVelocity = standardVelocity;
            jumperEnergy = 0;
        }
    }
    
    else
    {
        ellipse(200,300-jumperHeight,10,10); // 에너지가 모자라면 가만히 대기
        jumperEnergy +=1; // 대기하면서 루프 한 바퀴마다 조금씩 에너지 충전 [여기서도 루프 한 바퀴마다 조금씩이라는 말 자체가 매우 불분명하고, 시스템마다 구현 속도가 다를 것 같아요. 아마 setTimer 인가? 하는 명령을 쓰는 것이 나을 것 같은데, 정확히 어떻게 해야할 지 잘 모르겠습니다.
    }
};