{"id":3147,"date":"2020-04-16T01:22:25","date_gmt":"2020-04-15T16:22:25","guid":{"rendered":"https:\/\/mindstorms.tokyo\/?page_id=3147"},"modified":"2020-04-16T01:35:48","modified_gmt":"2020-04-15T16:35:48","slug":"display","status":"publish","type":"page","link":"https:\/\/mindstorms.tokyo\/en\/action\/display\/","title":{"rendered":"Display Block\u3010How to use MINDSTORMS\u3011"},"content":{"rendered":"\n<a href=\"https:\/\/amzn.to\/3aRNDiS\" target=\"_blank\" rel=\"noopener noreferrer\">\n<img src=\"https:\/\/m.media-amazon.com\/images\/S\/abs-image-upload-na\/e\/AmazonStores\/ATVPDKIKX0DER\/0b0d850b84aa310ad38fa5c65f7a7337.w3000.h600._CR0%2C0%2C3000%2C600_SX1920_.jpg\" alt=\"LEGO\u30c6\u30af\u30cb\u30c3\u30af\" title=\"LEGO\u30c6\u30af\u30cb\u30c3\u30af\" border=\"0\">\n<\/a>\n\n\n\n<h2 style=\"text-align:center\" class=\"h2\">LEGO \u3010MINDSTORMS\u3011EV3<\/h2>\n\n\n\n<h1>Display Block<\/h1>\n\n\n\n<div>\n\n<h4 style=\"text-align:left\" id=\"area1\" class=\"h4\">Display Block\u3000- Overview -\u3000<\/h4>\n<br>\n\n<center>\n\n<div class=\"box1\">\n\n <div class=\"sel1\">\n  <select name=\"channel\" onchange=\"imgChange(this)\">\n   <option value=\"4\" hidden=\"\">Select the mode<\/option>\n   <option value=\"4\">Overview<\/option>\n   <option value=\"0\">Text<\/option>\n   <option value=\"1\">Shapes<\/option>\n   <option value=\"2\">Image<\/option>\n   <option value=\"3\">Reset Screen<\/option>\n  <\/select>\n <\/div>\n\n  <img src=\"https:\/\/mindstorms.tokyo\/wp-content\/uploads\/display_overview_EN-e1586968476353.png\" name=\"imgsmp\">\n\n<br><br>\n\n\n\n<div>\n<div class=\"ad_pc\">\n<iframe src=\"\/\/rcm-na.amazon-adsystem.com\/e\/cm?o=1&amp;p=26&amp;l=ur1&amp;category=amazonhomepage&amp;f=ifr&amp;linkID=da254e3c8b5ee3714127a5aa4677ef37&amp;t=hitorigotokun-20&amp;tracking_id=hitorigotokun-20\" width=\"468\" height=\"60\" scrolling=\"no\" border=\"0\" marginwidth=\"0\" style=\"border:none;\" frameborder=\"0\"><\/iframe>\n<\/div>\n\n<div class=\"ad_sp\">\n<iframe src=\"\/\/rcm-na.amazon-adsystem.com\/e\/cm?o=1&amp;p=42&amp;l=ur1&amp;category=amazonhomepage&amp;f=ifr&amp;linkID=aaf6b36c0aa3345cae58c3e7f77b3541&amp;t=hitorigotokun-20&amp;tracking_id=hitorigotokun-20\" width=\"234\" height=\"60\" scrolling=\"no\" border=\"0\" marginwidth=\"0\" style=\"border:none;\" frameborder=\"0\"><\/iframe>\n<\/div>\n<\/div>\n\n\n\n<\/div>\n<\/center>\n<br>\n\n<div class=\"box2\">\n    <div id=\"area2\">The Display block can display text or graphics on the EV3 Brick display.<\/div>\n    <div id=\"area3\">\u3000<\/div>\n    <div id=\"area4\">Select the type of text or graphics you want to display using the Mode Selector. After you have selected the mode, you can choose values for the inputs. The inputs available will change depending on the mode. The modes and inputs are described below.<\/div>\n    <div id=\"area5\">\u3000<\/div>\n    <div id=\"area6\">You can click the Display Preview button to see a preview of what the Display block will show on the EV3 Display. You can keep the preview open while you are choosing the input values for the block.<\/div>\n    <div id=\"area7\"><\/div>\n    <div id=\"area8\"><\/div>\n    <div id=\"area9\"><\/div>\n    <div id=\"area10\"><\/div>\n    <div id=\"area11\"><\/div>\n    <div id=\"area12\"><\/div>\n    <div id=\"area13\"><\/div>\n    <div id=\"area14\"><\/div>\n    <div id=\"area15\"><\/div>\n    <div id=\"area16\"><\/div>\n    <div id=\"area17\"><\/div>\n    <div id=\"area18\"><\/div>\n    <div id=\"area19\"><\/div>\n    <div id=\"area20\"><\/div>\n    <div id=\"area21\"><\/div>\n    <div id=\"area22\"><\/div>\n    <div id=\"area23\"><\/div>\n    <div id=\"area24\"><\/div>\n    <div id=\"area25\"><\/div>\n    <div id=\"area26\"><\/div>\n    <div id=\"area27\"><\/div>\n    <div id=\"area28\"><\/div>\n    <div id=\"area29\"><\/div>\n    <div id=\"area30\"><\/div>\n    <div id=\"area31\"><\/div>\n    <div id=\"area32\"><\/div>\n    <div id=\"area33\"><\/div>\n    <div id=\"area34\"><\/div>\n    <div id=\"area35\"><\/div>\n    <div id=\"area36\"><\/div>\n    <div id=\"area37\"><\/div>\n    <div id=\"area38\"><\/div>\n    <div id=\"area39\"><\/div>\n    <div id=\"area40\"><\/div>\n    <div id=\"area41\"><\/div>\n    <div id=\"area42\"><\/div>\n    <div id=\"area43\"><\/div>\n    <div id=\"area44\"><\/div>\n    <div id=\"area45\"><\/div>\n    <div id=\"area46\"><\/div>\n    <div id=\"area47\"><\/div>\n    <div id=\"area48\"><\/div>\n    <div id=\"area49\"><\/div>\n    <div id=\"area50\"><\/div>\n<\/div>\n\n<div class=\"box3\">\n <img src=\"https:\/\/mindstorms.tokyo\/wp-content\/uploads\/2019\/05\/display_4-e1586968015655.png\">\n <div>Many of the Display block modes use X and Y coordinates to specify where to draw an item. The coordinates specify a pixel position on the EV3 Brick display. The position (0, 0) is at the upper left corner of the display, as shown in the image below.<\/div>\n <br>\n <div>The display is 178 pixels wide and 128 pixels high. X coordinate values range from 0 at the left of the display to 177 at the right. Y coordinate values range from 0 at the top to 127 at the bottom.<\/div>\n <div>\uff0aYou can use the Display Preview button in the top left corner of the Display block to help you find the right display coordinates.<\/div>\n<\/div>\n\n\n\n<script language=\"JavaScript\">\n<!--\n\ndis0=new Image()\ndis0.src=\"\"\ndis1=new Image()\ndis1.src=\"https:\/\/talk-to-myself.com\/wp-content\/uploads\/2019\/05\/display_4.png\"\nimg0=new Image()\nimg0.src=\"https:\/\/talk-to-myself.com\/wp-content\/uploads\/2019\/05\/display_0.png\"\nimg1=new Image()\nimg1.src=\"https:\/\/talk-to-myself.com\/wp-content\/uploads\/2019\/05\/display_1.png\"\nimg2=new Image()\nimg2.src=\"https:\/\/talk-to-myself.com\/wp-content\/uploads\/2019\/05\/display_2.png\"\nimg3=new Image()\nimg3.src=\"https:\/\/talk-to-myself.com\/wp-content\/uploads\/2019\/05\/display_3.png\"\nimg4=new Image()\nimg4.src=\"https:\/\/mindstorms.tokyo\/wp-content\/uploads\/display_overview_EN-e1586968476353.png\"\n\nfunction imgChange(parts){\nfname=parts.options[parts.selectedIndex].value;\n\n    \n\nif(fname==0){\n  document.imgsmp.src=img0.src;\n  document.getElementById(\"area1\").innerText = \"Text\";\n  document.getElementById(\"area2_1\").innerText = \"<Pixels>\";\n  document.getElementById(\"area2_2\").innerText = \"The Text \u2013 Pixels mode can display text at any location on the EV3 Brick display.\";\n  document.getElementById(\"area3_1\").innerText = \"\u3000\";\n  document.getElementById(\"area3_2\").innerText = \"If Clear Screen is True, the display will be cleared before the text is drawn.\";\n  document.getElementById(\"area4_1\").innerText = \"\u3000\";\n  document.getElementById(\"area4_2\").innerText = \"The Text input is at the top of the block. It contains the text string to display. Choose \u201cWired\u201d to show a Text input that can accept a Data Wire. The text can include any characters in the Supported Text character set.\";\n  document.getElementById(\"area5_1\").innerText = \"\u3000\";\n  document.getElementById(\"area5_2\").innerText = \"The X and Y inputs specify the Display Coordinates of the starting point of the text, which is the upper-left corner of the displayed text.\";\n  document.getElementById(\"area6_1\").innerText = \"\u3000\";\n  document.getElementById(\"area6_2\").innerText = \"Use the Color Input to choose the color of the text. If you choose Black, the text will display in black on a white background. If you choose White, the text will display in white on a black background.\";\n  document.getElementById(\"area7_1\").innerText = \"\u3000\";\n  document.getElementById(\"area7_2\").innerText = \"You can use the Font input to choose from three different typefaces: Normal, Bold, and Large.\";\n  document.getElementById(\"area8_1\").innerText = \"\u3000\";\n  document.getElementById(\"area8_2\").innerText = \"[Inputs used] : Clear Screen , Text , X , Y , Color , Font\";\n  document.getElementById(\"area9_1\").innerText = \"\u3000\";\n  document.getElementById(\"area9_2\").innerText = \"<Grid>\";\n  document.getElementById(\"area10_1\").innerText = \"The Text \u2013 Grid mode displays text aligned to a grid of rows and columns. This makes it easy to display and align multiple lines of text. The height of a row is enough space to display a line of text in the Normal or Bold fonts, and each character in these fonts is one column wide.\";\n  document.getElementById(\"area10_2\").innerText = \"\u3000\";\n  document.getElementById(\"area11_1\").innerText = \"If Clear Screen is True, the display will be cleared before the text is drawn.\";\n  document.getElementById(\"area11_2\").innerText = \"\u3000\";\n  document.getElementById(\"area12_1\").innerText = \"The Text input is at the top of the block. It contains the text string to display. Choose \u201cWired\u201d to show a Text input that can accept a Data Wire. The text can include any characters in the Supported Text character set.\";\n  document.getElementById(\"area12_2\").innerText = \"\u3000\";\n  document.getElementById(\"area13_1\").innerText = \"The Column input specifies the starting column (horizontal position) for the text. Each column is 8 pixels wide. The columns are numbered from 0 at the left to 21 at the right.\";\n  document.getElementById(\"area13_2\").innerText = \"\u3000\";\n  document.getElementById(\"area14_1\").innerText = \"The Row input specifies the row or \u201cline number\u201d (vertical position) for the text. Each row is 10 pixels high. Row 0 is at the top of the display, and row 11 is near the bottom of the display.\";\n  document.getElementById(\"area14_2\").innerText = \"\u3000\";\n  document.getElementById(\"area15_1\").innerText = \"[Inputs used] : ClearScreen , Clear Screen , Text , Column , Row , Color , Font\";\n  document.getElementById(\"area15_2\").innerText = \"\u3000\";\n  document.getElementById(\"area16_1\").innerText = \"\uff0aThe width of a column is the same as the width of a character in the Normal and Bold fonts, so adding 1 to Column will start the text one character to the right when using these fonts. Characters in the Large font are twice as wide and twice as tall as the Normal font, so each character occupies two columns and two rows.\";\n  document.getElementById(\"area16_2\").innerText = \"\u3000\";\n  document.getElementById(\"area18_1\").innerText = \"Use the Color input to choose the color of the text. If you choose Black, the text will display in black on a white background. If you choose White, the text will display in white on a black background.\";\n  document.getElementById(\"area17_2\").innerText = \"\u3000\";\n  document.getElementById(\"area18_1\").innerText = \"You can use the Font input to choose from three different typefaces: Normal, Bold, and Large.\";\n  document.getElementById(\"area18_2\").innerText = \"\u3000\";\n  document.getElementById(\"area19_1\").innerText = \"[Inputs used] : Clear Screen , Text , Column , Row , Color , Font\";\n  document.getElementById(\"area19_2\").innerText = \"\";\n  document.getElementById(\"area20_1\").innerText = \"\";\n  document.getElementById(\"area20_2\").innerText = \"\";\n  document.getElementById(\"area21_1\").innerText = \"\";\n  document.getElementById(\"area21_2\").innerText = \"\";\n  document.getElementById(\"area22_1\").innerText = \"\";\n  document.getElementById(\"area22_2\").innerText = \"\";\n  document.getElementById(\"area23_1\").innerText = \"\";\n  document.getElementById(\"area23_2\").innerText = \"\";\n  document.getElementById(\"area24_1\").innerText = \"\";\n  document.getElementById(\"area24_2\").innerText = \"\";\n  document.getElementById(\"area25_1\").innerText = \"\";\n  document.getElementById(\"area25_2\").innerText = \"\";\n  document.getElementById(\"area26_1\").innerText = \"\";\n  document.getElementById(\"area26_2\").innerText = \"\";\n  document.getElementById(\"area27_1\").innerText = \"\";\n  document.getElementById(\"area27_2\").innerText = \"\";\n  document.getElementById(\"area28_1\").innerText = \"\";\n  document.getElementById(\"area28_2\").innerText = \"\";\n }\n\nif(fname==1){\n  document.imgsmp.src=img1.src;\n  document.getElementById(\"area1\").innerText = \"Shapes\";\n  document.getElementById(\"area2\").innerText = \"<Line>\";\n  document.getElementById(\"area3\").innerText = \"The Shapes \u2013 Line mode draws a straight line between any two points on the display.\";\n  document.getElementById(\"area4\").innerText = \"\u3000\";\n  document.getElementById(\"area5\").innerText = \"If Clear Screen is True, the display will be cleared before the line is drawn.\";\n  document.getElementById(\"area6\").innerText = \"\u3000\";\n  document.getElementById(\"area7\").innerText = \"The X1 and Y1 inputs specify the Display Coordinates of the first point in the line.\";\n  document.getElementById(\"area8\").innerText = \"\";\n  document.getElementById(\"area9\").innerText = \"The X1 and Y1 inputs specify the Display Coordinates of the first point in the line.\";\n  document.getElementById(\"area10\").innerText = \"\u3000\";\n  document.getElementById(\"area11\").innerText = \"The X2 and Y2 inputs specify the coordinates of the second point.\";\n  document.getElementById(\"area12\").innerText = \"\u3000\";\n  document.getElementById(\"area13\").innerText = \"You can use the Color input to choose either a black or white line. A white line will only be visible if Clear Screen is False and the line draws over an area where a previous Display Block displayed something black.\";\n  document.getElementById(\"area14\").innerText = \"\u3000\";\n  document.getElementById(\"area15\").innerText = \"[Inputs used] : Clear Screen , X1 , Y1 , X2 , Y2 , Color\";\n  document.getElementById(\"area16\").innerText = \"\u3000\";\n  document.getElementById(\"area17\").innerText = \"<Circle>\";\n  document.getElementById(\"area18\").innerText = \"The Shapes \u2013 Circle mode draws a circle on the display. If Clear Screen is True, the display will be cleared before the circle is drawn.\";\n  document.getElementById(\"area19\").innerText = \"\u3000\";\n  document.getElementById(\"area20\").innerText = \"The X and Y inputs specify the Display Coordinates of the center of the circle. The Radius input specifies the radius of the circle in pixels.\";\n  document.getElementById(\"area21\").innerText = \"\u3000\";\n  document.getElementById(\"area22\").innerText = \"If Fill is True, the interior of the circle will be filled. If Fill is False, only the outline of the circle is drawn.\";\n  document.getElementById(\"area23\").innerText = \"\u3000\";\n  document.getElementById(\"area24\").innerText = \"You can use the Color input to choose either a black or white circle. A white circle will only be visible if Clear Screen is False and the circle draws over an area where a previous Display block displayed something black.\";\n  document.getElementById(\"area25\").innerText = \"\u3000\";\n  document.getElementById(\"area26\").innerText = \"[Inputs used] : Clear Screen , X , Y , Radius , Fill , Color\";\n  document.getElementById(\"area27\").innerText = \"\u3000\";\n  document.getElementById(\"area28\").innerText = \"<Rectangle>\";\n  document.getElementById(\"area29\").innerText = \"The Shapes \u2013 Rectangle mode draws a rectangle on the display.\";\n  document.getElementById(\"area30\").innerText = \"\u3000\";\n  document.getElementById(\"area31\").innerText = \"If Clear Screen is True, the display will be cleared before the rectangle is drawn.\";\n  document.getElementById(\"area32\").innerText = \"\u3000\";\n  document.getElementById(\"area33\").innerText = \"The X and Y inputs specify the Display Coordinates of the upper left corner of the rectangle. The Width and Height inputs specify the size of the rectangle in pixels.\";\n  document.getElementById(\"area34\").innerText = \"\u3000\";\n  document.getElementById(\"area35\").innerText = \"If Fill is True, the interior of the rectangle will be filled. If Fill is False, only the outline of the rectangle is drawn.\";\n  document.getElementById(\"area36\").innerText = \"\u3000\";\n  document.getElementById(\"area37\").innerText = \"You can use the Color input to choose either a black or white rectangle. A white rectangle will only be visible if Clear Screen is False and a previous Display Block displayed something black in the same area of the display.\";\n  document.getElementById(\"area38\").innerText = \"\u3000\";\n  document.getElementById(\"area39\").innerText = \"[Inputs used] : Clear Screen , X , Y , Width , Height , Fill , Color\";\n  document.getElementById(\"area40\").innerText = \"\u3000\";\n  document.getElementById(\"area41\").innerText = \"\uff0aYou can use a filled white rectangle to clear part of the display without affecting other parts of the display.\";\n  document.getElementById(\"area42\").innerText = \"\u3000\";\n  document.getElementById(\"area43\").innerText = \"<Point>\";\n  document.getElementById(\"area44\").innerText = \"The Shapes \u2013 Point mode draws a single pixel on the display. If Clear Screen is True, the display will be cleared before the pixel is drawn.\";\n  document.getElementById(\"area45\").innerText = \"\u3000\";\n  document.getElementById(\"area46\").innerText = \"The X and Y inputs specify the Display Coordinates of the pixel to draw.\";\n  document.getElementById(\"area47\").innerText = \"\u3000\";\n  document.getElementById(\"area48\").innerText = \"You can use the Color input to choose to draw the pixel in either black or white. Drawing in white can be used to clear black pixels drawn by previous Display blocks.\";\n  document.getElementById(\"area49\").innerText = \"\u3000\";\n  document.getElementById(\"area50\").innerText = \"[Inputs used] : Clear Screen , X , Y , Color\";\n }\n\nif(fname==2){\n  document.imgsmp.src=img2.src;\n  document.getElementById(\"area1\").innerText = \"Image\";\n  document.getElementById(\"area2\").innerText = \"The Image mode draws a graphic image file.\";\n  document.getElementById(\"area3\").innerText = \"\u3000\";\n  document.getElementById(\"area4\").innerText = \"The File Name input is at the top of the block. It lets you choose from a list of image files. The images in the \u201cLEGO Image Files\u201d category are the image files that are included with the EV3 Software. The images listed in the \u201cProject Images\u201d category are the images that have already been used in your project. This makes it easy to use the same image multiple times in a program or project.\";\n  document.getElementById(\"area5\").innerText = \"\u3000\";\n  document.getElementById(\"area6\").innerText = \"If Clear Screen is True, the display will be cleared before the image is drawn.\";\n  document.getElementById(\"area7\").innerText = \"\u3000\";\n  document.getElementById(\"area8\").innerText = \"The X and Y inputs specify the Display Coordinates for the upper left corner of the image. The image will be drawn below and to the right of this point, using as much space as necessary to draw the entire image. For image files that are sized to fill the entire display, use X = 0 and Y = 0.\";\n  document.getElementById(\"area9\").innerText = \"\u3000\";\n  document.getElementById(\"area10\").innerText = \"[Inputs used] : Clear Screen , File Name , X , Y\";\n  document.getElementById(\"area11\").innerText = \"\";\n  document.getElementById(\"area12\").innerText = \"\";\n  document.getElementById(\"area13\").innerText = \"\";\n  document.getElementById(\"area14\").innerText = \"\";\n  document.getElementById(\"area15\").innerText = \"\";\n  document.getElementById(\"area16\").innerText = \"\";\n  document.getElementById(\"area17\").innerText = \"\";\n  document.getElementById(\"area18\").innerText = \"\";\n  document.getElementById(\"area19\").innerText = \"\";\n  document.getElementById(\"area20\").innerText = \"\";\n  document.getElementById(\"area21\").innerText = \"\";\n  document.getElementById(\"area22\").innerText = \"\";\n  document.getElementById(\"area23\").innerText = \"\";\n  document.getElementById(\"area24\").innerText = \"\";\n  document.getElementById(\"area25\").innerText = \"\";\n  document.getElementById(\"area26\").innerText = \"\";\n  document.getElementById(\"area27\").innerText = \"\";\n  document.getElementById(\"area28\").innerText = \"\";\n  document.getElementById(\"area29\").innerText = \"\";\n  document.getElementById(\"area30\").innerText = \"\";\n  document.getElementById(\"area31\").innerText = \"\";\n  document.getElementById(\"area32\").innerText = \"\";\n  document.getElementById(\"area33\").innerText = \"\";\n  document.getElementById(\"area34\").innerText = \"\";\n  document.getElementById(\"area35\").innerText = \"\";\n  document.getElementById(\"area36\").innerText = \"\";\n  document.getElementById(\"area37\").innerText = \"\";\n  document.getElementById(\"area38\").innerText = \"\";\n  document.getElementById(\"area39\").innerText = \"\";\n  document.getElementById(\"area40\").innerText = \"\";\n  document.getElementById(\"area41\").innerText = \"\";\n  document.getElementById(\"area42\").innerText = \"\";\n  document.getElementById(\"area43\").innerText = \"\";\n  document.getElementById(\"area44\").innerText = \"\";\n  document.getElementById(\"area45\").innerText = \"\";\n  document.getElementById(\"area46\").innerText = \"\";\n  document.getElementById(\"area47\").innerText = \"\";\n  document.getElementById(\"area48\").innerText = \"\";\n  document.getElementById(\"area49\").innerText = \"\";\n  document.getElementById(\"area50\").innerText = \"\";\n }\n\nif(fname==3){\n  document.imgsmp.src=img3.src;\n  document.getElementById(\"area1\").innerText = \"Reset Screen\";\n  document.getElementById(\"area2\").innerText = \"The Reset Screen mode returns the EV3 Brick display to the normal screen of information shown when a program is running. This screen shows the name of the program and other feedback. When you run a program on the EV3 Brick, this screen is shown until the first Display block in the program executes.\";\n  document.getElementById(\"area3\").innerText = \"\";\n  document.getElementById(\"area4\").innerText = \"\";\n  document.getElementById(\"area5\").innerText = \"\";\n  document.getElementById(\"area6\").innerText = \"\";\n  document.getElementById(\"area7\").innerText = \"\";\n  document.getElementById(\"area8\").innerText = \"\";\n  document.getElementById(\"area9\").innerText = \"\";\n  document.getElementById(\"area10\").innerText = \"\";\n  document.getElementById(\"area11\").innerText = \"\";\n  document.getElementById(\"area12\").innerText = \"\";\n  document.getElementById(\"area13\").innerText = \"\";\n  document.getElementById(\"area14\").innerText = \"\";\n  document.getElementById(\"area15\").innerText = \"\";\n  document.getElementById(\"area16\").innerText = \"\";\n  document.getElementById(\"area17\").innerText = \"\";\n  document.getElementById(\"area18\").innerText = \"\";\n  document.getElementById(\"area19\").innerText = \"\";\n  document.getElementById(\"area20\").innerText = \"\";\n  document.getElementById(\"area21\").innerText = \"\";\n  document.getElementById(\"area22\").innerText = \"\";\n  document.getElementById(\"area23\").innerText = \"\";\n  document.getElementById(\"area24\").innerText = \"\";\n  document.getElementById(\"area25\").innerText = \"\";\n  document.getElementById(\"area26\").innerText = \"\";\n  document.getElementById(\"area27\").innerText = \"\";\n  document.getElementById(\"area28\").innerText = \"\";\n  document.getElementById(\"area29\").innerText = \"\";\n  document.getElementById(\"area30\").innerText = \"\";\n  document.getElementById(\"area31\").innerText = \"\";\n  document.getElementById(\"area32\").innerText = \"\";\n  document.getElementById(\"area33\").innerText = \"\";\n  document.getElementById(\"area34\").innerText = \"\";\n  document.getElementById(\"area35\").innerText = \"\";\n  document.getElementById(\"area36\").innerText = \"\";\n  document.getElementById(\"area37\").innerText = \"\";\n  document.getElementById(\"area38\").innerText = \"\";\n  document.getElementById(\"area39\").innerText = \"\";\n  document.getElementById(\"area40\").innerText = \"\";\n  document.getElementById(\"area41\").innerText = \"\";\n  document.getElementById(\"area42\").innerText = \"\";\n  document.getElementById(\"area43\").innerText = \"\";\n  document.getElementById(\"area44\").innerText = \"\";\n  document.getElementById(\"area45\").innerText = \"\";\n  document.getElementById(\"area46\").innerText = \"\";\n  document.getElementById(\"area47\").innerText = \"\";\n  document.getElementById(\"area48\").innerText = \"\";\n  document.getElementById(\"area49\").innerText = \"\";\n  document.getElementById(\"area50\").innerText = \"\";\n }\n    \nif(fname==4){\n  document.imgsmp.src=img4.src;\n  document.getElementById(\"area1\").innerText = \"Overview\";\n  document.getElementById(\"area2\").innerText = \"The Display block can display text or graphics on the EV3 Brick display.\";\n  document.getElementById(\"area3\").innerText = \"\u3000\";\n  document.getElementById(\"area4\").innerText = \"Select the type of text or graphics you want to display using the Mode Selector. After you have selected the mode, you can choose values for the inputs. The inputs available will change depending on the mode. The modes and inputs are described below.\";\n  document.getElementById(\"area5\").innerText = \"\u3000\";\n  document.getElementById(\"area6\").innerText = \"You can click the Display Preview button to see a preview of what the Display block will show on the EV3 Display. You can keep the preview open while you are choosing the input values for the block.\";\n  document.getElementById(\"area7\").innerText = \"\";\n  document.getElementById(\"area8\").innerText = \"\";\n  document.getElementById(\"area9\").innerText = \"\";\n  document.getElementById(\"area10\").innerText = \"\";\n  document.getElementById(\"area11\").innerText = \"\";\n  document.getElementById(\"area12\").innerText = \"\";\n  document.getElementById(\"area13\").innerText = \"\";\n  document.getElementById(\"area14\").innerText = \"\";\n  document.getElementById(\"area15\").innerText = \"\";\n  document.getElementById(\"area16\").innerText = \"\";\n  document.getElementById(\"area17\").innerText = \"\";\n  document.getElementById(\"area18\").innerText = \"\";\n  document.getElementById(\"area19\").innerText = \"\";\n  document.getElementById(\"area20\").innerText = \"\";\n  document.getElementById(\"area21\").innerText = \"\";\n  document.getElementById(\"area22\").innerText = \"\";\n  document.getElementById(\"area23\").innerText = \"\";\n  document.getElementById(\"area24\").innerText = \"\";\n  document.getElementById(\"area25\").innerText = \"\";\n  document.getElementById(\"area26\").innerText = \"\";\n  document.getElementById(\"area27\").innerText = \"\";\n  document.getElementById(\"area28\").innerText = \"\";\n  document.getElementById(\"area29\").innerText = \"\";\n  document.getElementById(\"area30\").innerText = \"\";\n  document.getElementById(\"area31\").innerText = \"\";\n  document.getElementById(\"area32\").innerText = \"\";\n  document.getElementById(\"area33\").innerText = \"\";\n  document.getElementById(\"area34\").innerText = \"\";\n  document.getElementById(\"area35\").innerText = \"\";\n  document.getElementById(\"area36\").innerText = \"\";\n  document.getElementById(\"area37\").innerText = \"\";\n  document.getElementById(\"area38\").innerText = \"\";\n  document.getElementById(\"area39\").innerText = \"\";\n  document.getElementById(\"area40\").innerText = \"\";\n  document.getElementById(\"area41\").innerText = \"\";\n  document.getElementById(\"area42\").innerText = \"\";\n  document.getElementById(\"area43\").innerText = \"\";\n  document.getElementById(\"area44\").innerText = \"\";\n  document.getElementById(\"area45\").innerText = \"\";\n  document.getElementById(\"area46\").innerText = \"\";\n  document.getElementById(\"area47\").innerText = \"\";\n  document.getElementById(\"area48\").innerText = \"\";\n  document.getElementById(\"area49\").innerText = \"\";\n  document.getElementById(\"area50\").innerText = \"\";\n }\n\n\n}\n\n\/\/ -->\n<\/script>\n    \n<\/div>\n\n\n\n<p><\/p>\n<div class=\"veu_socialSet veu_socialSet-position-after veu_contentAddSection\"><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src=\"https:\/\/platform.twitter.com\/widgets.js\";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,\"script\",\"twitter-wjs\"));<\/script><ul><li class=\"sb_facebook sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/www.facebook.com\/sharer.php?src=bm&u=https%3A%2F%2Fmindstorms.tokyo%2Fen%2Faction%2Fdisplay%2F&amp;t=LEGO%20EV3%20MINDSTORMS%20by%20%E7%8B%AC%E3%82%8A%E8%A8%80%E3%81%8F%E3%82%93\" target=\"_blank\" onclick=\"window.open(this.href,'FBwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_fb icon_sns\"><\/span><span class=\"sns_txt\">Facebook<\/span><span class=\"veu_count_sns_fb\"><\/span><\/a><\/li><li class=\"sb_twitter sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fmindstorms.tokyo%2Fen%2Faction%2Fdisplay%2F&amp;text=LEGO%20EV3%20MINDSTORMS%20by%20%E7%8B%AC%E3%82%8A%E8%A8%80%E3%81%8F%E3%82%93\" target=\"_blank\" ><span class=\"vk_icon_w_r_sns_twitter icon_sns\"><\/span><span class=\"sns_txt\">twitter<\/span><\/a><\/li><li class=\"sb_hatena sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/b.hatena.ne.jp\/add?mode=confirm&url=https%3A%2F%2Fmindstorms.tokyo%2Fen%2Faction%2Fdisplay%2F&amp;title=LEGO%20EV3%20MINDSTORMS%20by%20%E7%8B%AC%E3%82%8A%E8%A8%80%E3%81%8F%E3%82%93\" target=\"_blank\"  onclick=\"window.open(this.href,'Hatenawindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_hatena icon_sns\"><\/span><span class=\"sns_txt\">Hatena<\/span><span class=\"veu_count_sns_hb\"><\/span><\/a><\/li><li class=\"sb_pocket sb_icon\"><a class=\"sb_icon_inner\"  href=\"\/\/getpocket.com\/edit?url=https%3A%2F%2Fmindstorms.tokyo%2Fen%2Faction%2Fdisplay%2F&title=LEGO%20EV3%20MINDSTORMS%20by%20%E7%8B%AC%E3%82%8A%E8%A8%80%E3%81%8F%E3%82%93\" target=\"_blank\"  onclick=\"window.open(this.href,'Pokcetwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_pocket icon_sns\"><\/span><span class=\"sns_txt\">Pocket<\/span><span class=\"veu_count_sns_pocket\"><\/span><\/a><\/li><li class=\"sb_copy sb_icon\"><button class=\"copy-button sb_icon_inner\"data-clipboard-text=\"LEGO EV3 MINDSTORMS by \u72ec\u308a\u8a00\u304f\u3093 https:\/\/mindstorms.tokyo\/en\/action\/display\/\"><span class=\"vk_icon_w_r_sns_copy icon_sns\"><i class=\"fas fa-copy\"><\/i><\/span><span class=\"sns_txt\">Copy<\/span><\/button><\/li><\/ul><\/div><!-- [ \/.socialSet ] -->","protected":false},"excerpt":{"rendered":"<p>MINDSTORMS &#8220;Display Block&#8221; Explanation<\/p>\n","protected":false},"author":1,"featured_media":2455,"parent":3125,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_locale":"en_US","_original_post":"http:\/\/talk-to-myself.com\/?page_id=1101","vkexunit_cta_each_option":""},"_links":{"self":[{"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/pages\/3147"}],"collection":[{"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/comments?post=3147"}],"version-history":[{"count":5,"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/pages\/3147\/revisions"}],"predecessor-version":[{"id":3154,"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/pages\/3147\/revisions\/3154"}],"up":[{"embeddable":true,"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/pages\/3125"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/media\/2455"}],"wp:attachment":[{"href":"https:\/\/mindstorms.tokyo\/wp-json\/wp\/v2\/media?parent=3147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}