XROO 블록코딩 UI 사용자가 효율적으로 코딩 작업을 수행할 수 있도록 다음과 같은 네 가지 주요 영역으로 구성되어 있습니다.
① 블록 코드 실행하기
•
코딩 작업을 시작하려면 화면 상단 툴바에서 블록코딩 버튼을 클릭하세요.
•
버튼 클릭시 블록코딩 화면이 나타나며, 코드를 작성할 수 있는 상태가 됩니다.
② 블록 목록
•
블록코딩 화면 좌측에는 블록 목록이 있습니다.
•
기능별 블록이 텝별로 정리되어 있으며, 사용자는 원하는 블록을 선택해 코딩 노트에 추가할 수 있습니다.
•
블록은 "이벤트", "동작", "움직임", "조건/반복" 등으로 분류
•
카테고리를 클릭하면 해당 그룹의 블록들이 펼쳐져 사용 가능
•
블록을 드래그 앤 드롭하여 코딩 노트에 삽입 가능
도움말
•
화면 좌측 하단의 도움말 버튼을 클릭하면 ‘도움말 ’이 표시됩니다.
•
이 상태에서 블록을 클릭하면, 해당 블록의 설명이 화면에 표시됩니다.
③ 코딩 노트
•
중앙의 작업 공간은 ‘코딩 노트’입니다.
•
이 영역에서 사용자는 선택한 블록을 조립하고 동작 순서를 구성합니다.
코딩 노트
•
노트를 여러 개 추가하여 블록을 따로 코딩할 수 있습니다.
•
노트 이름을 수정할 수 있습니다.
블록 연결
•
시작 블록을 기준으로 여러 블록을 끌어와 연결해 코드를 만듭니다.
블록 삭제하기
•
잘못 놓은 블록은 휴지통 영역(코딩노트 우측 하단) 또는 코딩 노트 밖으로 드래그 앤 드롭하여 삭제할 수 있습니다.
•
또는 특정 블록을 클릭하여 마우스 오른쪽 버튼 클릭하면 [삭제] 메뉴가 표시됩니다.
•
전체 삭제 : 마우스 오른쪽 버튼을 클릭하면 [전체 삭제]메뉴가 표시됩니다.
옵션 입력 및 선택
•
숫자, 텍스트, 색상 등 값을 입력해야 하는 블록은 해당 입력란에 직접 값을 입력하거나 드롭 다운하여 항목을 선택할 수 있습니다.
④ 미리보기 및 저장하기
•
작성한 블록 코드를 실제 3D 공간에서 확인하고 저장할 수 있습니다.
•
미리보기 : 화면 최상단의 우측의 미리보기를 클릭하면 현재 구성한 블록코드를 실제로 실행하여 결과를 확인할 수 있습니다.
•
게시하기 : 현재 작업 중인 블록 코드를 저장하여, URL에서 바로 확인할 수 있습니다.