Google-Blockly으로 미로 찾기 짜보기

Google code에 등록되어있는 google-blockly 를 소개합니다. 미로 찾기를 간단한 로직을 통해 만들어볼 수 있고, Blocks으로 작성하면 javascript, Dart, Python, XML로 변환하여 코드를 보여주게 됩니다. 이 때에는 시뮬레이션은 할 수 없고 코드 View만 가능합니다.

google-blockly 홈페이지

  http://bit.thdev.net/LqyTp1

Google-Blockly

 메인 홈페이지 입니다. 아래와 같이 Block 형태의 코딩이 가능합니다.

 Check out the demos 는 3개 페이지를 지원합니다.

 Maze : 메뉴는 길을 찾을 수 있는 코드를 작성할 수 있습니다.

 Code : 코드 형태로 보여주는 페이지입니다. 역시 Block 형태로 드래그엔 드랍을 하고 붙여넣으면 실제 JavaScript, Data, Python, XML의 코드가 보여지게 됩니다. 실제 코드를 보여지기는 하지만 디버그를 해 볼 순 없습니다. 그리고 Maze에서는 미로 찾기를 위한 Block만 존재 하지만, Code 페이지에는 Block가 존재합니다.

 RTL : 오른쪽 방향으로 코드가 보여지게 됩니다. 뭐 ㅎㅎ 심심하시면 한번 살펴보세요.

 참고로 개발자 정보는 3명으로 확인이 됩니다.

미로 찾기 예제

 제가 작성한 Block 코드입니다. if안에 if문을 중첩하여 처리했습니다. 제가 작성 한 방법이니 정답은 아닙니다. 해당부분에서는 JavaScript만 보이게 되는데 이게 좀 아쉽네요. 해당 코드를 다시 2번째 Code에서 작성하면 코드는 보이게 됩니다.

하단의 See generated JavaScript code.를 클릭하면 JavaScript 코드로 보여지게 됩니다.

마무리

 재미있는 미로 찾기 한번 도전해보세요! 전 위와 같이 처리했지만 코드야 다양하게 나올 수 있으니 이게 잘 짰다 저게 잘짰다라고는 말 할 수 없습니다. 성능상의 차이가 존재하긴 할태지만 그렇게까지 생각한다면 C언어로 짜거나 어셈블리로 짜는게 좋겠죠?? ㅋㅋ 이상입니다.