티스토리 뷰
Google code에 등록되어있는 google-blockly 를 소개합니다. 미로 찾기를 간단한 로직을 통해 만들어볼 수 있고, Blocks으로 작성하면 javascript, Dart, Python, XML로 변환하여 코드를 보여주게 됩니다. 이 때에는 시뮬레이션은 할 수 없고 코드 View만 가능합니다.
google-blockly 홈페이지
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언어로 짜거나 어셈블리로 짜는게 좋겠죠?? ㅋㅋ 이상입니다.
'Programming language' 카테고리의 다른 글
Python 파일 입출력 예제코드 (1) | 2012.06.14 |
---|---|
MFC에서 Chart를 쉽게 그리는 라이브러리 ChartDirector (25) | 2012.06.12 |
Google-Blockly으로 미로 찾기 짜보기 (2) | 2012.06.04 |
Server와 Client 통신 thread 사용하기 (0) | 2012.06.01 |
Python a*x**2 + b*x + c 수식 그래프 그리기 (0) | 2012.05.17 |
MFC ListBox 사용 예제 (0) | 2012.05.15 |
댓글
-
Joseph Lee 안녕하세요.
작성하신 여러 포스트를 보니 엄청난 내공이 느껴지네요^^
혹시 blockly를 사용해서 미로를 직접 만드신거 같은데 어떤 방법(경로) 만드셨는지 알려주실 수 있으신지요?
제가 blockly에 가서 아무리 찾아도 모르겠네요..ㅜ 2015.08.19 14:15 -
taehwan 안녕하세요.
어떤 미로를 이야기하시는지 이해가 안되네요^^;;
해당 웹페이지 접근하셔서 순차적으로 진행 해보시면 난이도 높은 blockly이 나오고 있습니다. 지금은 더 다양한 blockly가 나오는데 어떤 부분을 말씀하시는지 모르겠군요. 2015.08.23 20:39 신고