Explanation of screen

PC version

Figure  shows a screenshot when the application is accessed using a PC browser. The application comprises three areas: the human pictogram display panel on the left side of the screen, the top right panel is the program code description area, and the bottom panel right is the console panel for showing error messages.

Smart phone and Tablet version

Figure  shows a screenshot when the application is accessed using a smartphone and tablet. The application comprises three areas: the human pictogram display panel on the top of the screen, the program code description area is below, and  the console panel for showing error messages is  the bottom of the screen.

 

 

 

Operations on the human pictogram are input and defined in the program code description area (upper right of the figure ). The input string to change states (positions) follows a format that separates opcode and arguments with blanks, as follows.

opcode arg1 arg2 …

 

Program Example

Figure on the right shows a sample code. Line 1 changes the scale of the human pictogram. Lines 2 to 8 are in accordance with the LOGO programmer; this draws a rectangle that represents the victor’s platform. The “M(ove)” command shown in line 10 means move 50 px in the positive x-axis direction and 200 px in the negative y-axis to get up on the box. The “R(otate)W(ait)” command means rotate a part of the body over some seconds and the next command is not executed until the movement is complete. For example, “RW LUA -120 1” shown in line 12 means “rotate the Left Upper Arm (LUA) 120° clockwise for 1 s.” Lines 13 to 19 represent waving the left hand three times at a probability of 50%

Command List

List of Pictogram Animation commands

Command Format

Process

R arg1 arg2 arg3 arg4

After arg4 seconds, rotate arg1, a part of the body, arg2 degrees counterclockwise over arg3 seconds. If arg4 is omitted, then arg4 is treated as 0. If arg3 and arg4 are omitted, the arg3 and arg4 are both treated as 0.

RW arg1 arg2 arg3

Rotate arg1, a part of the body, arg2 degrees counterclockwise over arg3 seconds.The next command is not executed until the movement is complete.

M arg1 arg2 arg3 arg4

After arg4 seconds, move arg1 pixels in an X-axis positive direction and arg2 pixels in a Y-axis positive direction with linear uniform motion over arg3 seconds. If arg4 is omitted, then arg4 is treated as 0. If arg3 and arg4 are omitted, then arg3 and arg4 are both treated as 0.

MW arg1 arg2 arg3

Move arg1 pixels in an X-axis positive direction and arg2 pixels in a Y-axis positive direction with linear uniform motion over arg3 seconds. The next command is not executed until the movement is complete.

FR

Switch the human pictogram to the front direction. (Initial state)

SD

Switch the human pictogram to the side direction.

C

Switch the human pictogram to the initial posture.

SC arg1

Change scale to arg1 time(s) the default size. (Initial state is 1)

SP arg1

Human pictogram speaks a sentence arg1.

SAY arg1 arg2 arg3

After arg3 seconds, say arg1with balloon over arg2 seconds. If arg3 is omitted, then arg3 is treated as 0. If arg2 and arg3 are omitted, the arg2 and arg3 are both treated as 0.

SAYW arg1 arg2

Say arg1 with balloon over arg2 seconds.The next command is not executed until the saying is complete.

List of Pictogram Graphics commands

Command Format Process
FD arg1

Human pictogram moves forward arg1 steps.

BK arg1

Human pictogram moves backward arg1 steps.

RT arg1

Turn arg1 degrees clockwise.

LT arg1

Turn arg1 degrees counterclockwise.

PEN arg1

Pen up if arg1 is “UP,” pen down if arg1 is “DOWN.”

The shape of line’s both edges set square if arg1 is “SQUARE”, set round if arg1 is “ROUND”.

No shape is attached at both edges if arg1 is “BUTT”.

Initial state is pen up and shape of line’s edge is square.

PENW arg1 Set width of pen to  arg1.(Initial state is 1)
CS Clear screen

List of common commands

Command Format Process
SET arg1 exp2

Assign expression exp2 to variable arg1.

IF exp1

Execute until corresponding ELSEIF or ELSE or END command if condition expression exp1 is true.

ELSEIF exp2 Execute until corresponding ELSEIF or ELSE or END command if forehead IF or ELSEIF condition expressions is all false.
ELSE Execute until corresponding END command if forehead IF or ELSEIF condition expressions is all false.
REPEAT arg1

Execute until END command arg1 times.

D name arg1 .. argN Define procedure “name” with N arguments.
E name arg1 .. argN [start] Execute procedure “name” with N arguments after “start” seconds. If “start” is omitted, then  “start” is treated as 0.
EW name arg1 .. argN [waittime] Execute procedure “name” with N arguments after “start” seconds. The next command is executed in “waittime” seconds.  If “waittime” is omitted, then  “waittime” is treated as 0.
END End of IF statement block or REPEAT statement block.
W arg1

Wait arg1 seconds. The next command is not executed until the wait is complete.

S Change to Safety mode if current mode is not Safety mode.  Change to Normal mode if current mode is Safety mode.  The drawing line color during Safety mode is green, same as the body color of human pictogram.
P Change to Prohibit mode if current mode is not Prohibit mode. Change to Normal mode if current mode is Prohibit mode.
I Change to Instruction mode if current mode is not Instruction mode. Change to Normal mode if current mode is Instruction mode.  The drawing line color during Safety mode is white, same as the body color of human pictogram.

 

A Change to Attention mode if current mode is not Prohibit mode. Change to Normal mode if current mode is Attention mode.

 

Relations between body parts and notations (This notation is used in arg1 of R,RW,M,MW commands)

Notation Part Name
BODY Body
LUA LeftUpperArm
LLA LeftLowerArm
RUA RightUpperArm
RLA RightLowerArm
LUL LeftUpperLeg
LLL LeftLowerLeg
RUL RightUpperLeg
RLL RightLowerLeg

 

How to save

In case of Chrome, Firefox, Safari and so on (expect for IE)

 

There are 3 ways to save.

  • Save as image: Press play button to execute and then press image button.
  • Save as movie: Check radio button located right side of movie button.
    Press play button. Movement of pictogram is more slowly than usual because of create movie file dynamically. Press movie button after pictogram animation has finished, then you can download the movie.
    Save program code:  You can download the program code by pressing download button located right side of title input text field.
  • When you want to resume, press upload button located the right upper area of the application, and select upload files. Then the program shows in the program code description area.

 

In case of IE(Internet Explorer)

 

There are 3 ways to save.

  • Save as image: Press play button to execute and then right click on  image button and select the item “save file as” to save.
  • Save as movie: Check radio button located right side of movie button.
    Press play button. Movement of pictogram is more slowly than usual because of create movie file dynamically. Right click on movie button and select the item “save file as” after pictogram animation has finished, then you can download the movie.
    Save program code:  You can download the program code by clicking on download button located right side of title input text field and then select the item “save file as”.
  • When you want to resume, press upload button located the right upper area of the application, and select upload files. Then the program shows in the program code description area.