{"id":19889,"date":"2022-10-25T20:44:23","date_gmt":"2022-10-25T18:44:23","guid":{"rendered":"https:\/\/rayshell.de\/?page_id=19889"},"modified":"2023-10-25T02:58:33","modified_gmt":"2023-10-25T00:58:33","slug":"lesson-4","status":"publish","type":"page","link":"https:\/\/rayshell.de\/en\/lesson-4\/","title":{"rendered":"Lesson 4"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Lesson 4

<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Welcome to your AOZ Studio Lesson 4 Adapted by Dave Baldwin – February 2020<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

We will learn to draw lots of random bars (rectangles) or triangles filled with random colourful patterns all over the screen.<\/p>

In the editor, click the paper icon on the far left to create a new project. Give the new project the name Lesson 4 and save it as described in Lesson 1.<\/p>

Commands also featured in this tutorial are SET PATTERN, SET PAINT, BAR and POLYGON<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t#fullScreen:true \/\/ Use a full sized screen\n#fps:true \/\/ Turn ON the FPS counter in the Top Left Corner. Change to 'false' if you do not like to see it.\nCurs Off \/\/ Turn off the flashing cursor.\nsw=Screen Width \/\/ Define variable sw as the width of the screen.\nsh=Screen Height \/\/ Define variable sh as the height of the screen.\nBARS=1 \/\/ Define variable for switching Bars ON (1) or OFF (0)\nTRIANGLES=0 \/\/ Define variable for switching Triangles ON (1) or OFF (0)\nSPEED=0 \/\/ Define variable for controlling speed. Slow (0), Fast (1)\nCls \/\/ Clear screen before we start<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be2fb6c elementor-widget elementor-widget-text-editor\" data-id=\"be2fb6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Main program loop. All code between Do and Loop will be repeated over and over until we stop the program.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e91561d elementor-widget elementor-widget-code-highlight\" data-id=\"e91561d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>Do \/\/ Start the program loop\nx1 = Rnd(sw)        \/\/ Define random x and Y coordinates for the first corner of polygon.  \ny1 = Rnd(sh)+100    \/\/ Rnd(??) gives us a random number between 0 and whatever number we put in the brackets.\nx2 = Rnd(sw)        \/\/ Define random x and Y coordinates for the second corner of polygon. y2 = Rnd(sh)  \ny3 = Rnd(sw)        \/\/ Define random x and Y coordinates for the third corner of polygon. \ny3 = Rnd(sh)     \/\/ First, we're going to draw the polygon in a solid colour (the last ink colour) so that covers any shapes and patterns behind it. \n\nSet Pattern 0    \/\/ This sets the fill pattern to a solid block of colour (the last ink colour used) \nSet Paint 0        \/\/ This sets the outline mode for the polygon command. '0' means no outline, '1' means the shape will have an outline. \nIf BARS=1 then Bar x1,y1 to x2,y2    \/\/ Check if we need to draw bars, and if we do (BARS=1) then draw a bar using two pairs of coordinates, which represent opposite corners.\nIf TRIANGLES=1 then Polygon x1,y1 to x2,y2 to x3,y3     \/\/ Check if we need to draw triangles, and if we do (TRIANGLES=1) then draw a triangle using three pairs of coordinates, which represent each corner. \n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f967bc6 elementor-widget elementor-widget-text-editor\" data-id=\"f967bc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now we&#8217;re going draw the same shape, outlined and filled with a random pattern. Currently, there are 34 preset patterns and pattern 0 which is solid colour. The patterns are made of two colours, colour 0 (which is treated as transparent by drawing operations), and the current ink colour.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-439803d elementor-widget elementor-widget-code-highlight\" data-id=\"439803d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>Set Pattern rnd( 34 )     \/\/ Set the pattern to a random number between 0 and 34. This pattern will be used in all future drawing operations until it is changed.\nSet Paint 1            \/\/ Set the outline mode to 1. \nInk Rnd( 32 )      \/\/ Set the ink colour. (This is used for the next polygon drawn, and also for the next solid block colour in the next loop) \nIf BARS=1 then Bar x1,y1 to x2,y2    \/\/ Check if we need to draw bars, and if we do (BARS=1) then draw a bar using two pairs of coordinates, which represent opposite corners\nIf TRIANGLES=1 then Polygon x1,y1 to x2,y2 to x3,y3     \/\/ Check if we need to draw triangles, and if we do (TRIANGLES=1) then draw a triangle using three pairs of coordinates, which represent each corner.  \n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59299ff elementor-widget elementor-widget-text-editor\" data-id=\"59299ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Finally, we&#8217;ll add some keyboard controls to make it more interesting.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c56d5d0 elementor-widget elementor-widget-code-highlight\" data-id=\"c56d5d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>Locate 0,0\nCentre \"Press 'B' for BARS, 'T' for TRIANGLES, 'S' for SLOW, 'F' for FAST, 'Q' to QUIT\"   \/\/ Display this line of text at top of screen. Doing it now makes sure it does't get drawn on. \nI$=Inkey$     \/\/  Check if a key has been pressed, and define I$ if it has. If you press the \"T\" key, I$ will become \"T\"\nIf I$=\"B\" or I$=\"b\" then BARS=1 : TRIANGLES=0  \/\/ Check if \"B\" has been pressed and if it has, switch BARS on and turn TRIANGLES off. We'll check for both upper and lower case letters in case Caps Lock is on.\nIf I$=\"T\" or I$=\"t\" then TRIANGLES=1 : BARS=0   \/\/ Check if \"T\" has been pressed and if it has, switch TRIANGLES on and turn BARS off. \nIf I$=\"S\" or I$=\"s\" then SPEED=0    \/\/ Check if \"S\" has been pressed and if it has, set the SPEED variable to '0' for slow.  \nIf I$=\"F\" or I$=\"f\" then SPEED=1   \/\/ Check if \"F\" has been pressed and if it has, set the SPEED variable to '1' for fast. \nIf I$=\"Q\" or I$=\"q\" then Exit     \/\/ If 'Q' has been pressed, Exit program.\nIf SPEED=0 then Wait 0.2      \/\/ Check if we're supposed to be going SLOW and if we are, wait for a while before continuing.\nWait 0.001      \/\/ Pause the program briefly to slow it down a bit. If we don't have this command here, the program will run too quickly and mess up your browser.\nLoop    \/\/ End of the program loop, so go back to the 'Do' and start again.<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb4bfd3 elementor-widget elementor-widget-text-editor\" data-id=\"eb4bfd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>**Click on the &#8220;Run in Browser&#8221; button or F1 to start the program in the browser or on &#8220;Run in AOZ Viewer&#8221; (F2) to start it in the editor<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-394260c elementor-widget elementor-widget-text-editor\" data-id=\"394260c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>#####################<br \/># CODING CHALLENGES #<br \/>#####################<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76febd8 elementor-widget elementor-widget-text-editor\" data-id=\"76febd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>1. EASY Instead of rectangles, can you draw randomly sized squares?<br \/>And Ellipses, see below<\/p><p>2. MODERATE How about equilateral triangles?<\/p><p>3. CHALLENGING Add a fourth set of coordinates to your polygons and observe what happens. Think about how you can make sure that solid four sided shapes are drawn.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-844a745 elementor-widget elementor-widget-text-editor\" data-id=\"844a745\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Similar commands are: POLYLINE x1,y1 to x2,y2 to x3,y3 to \u2026 &#8211; Draws a hollow polygon with as many corners as you like.<\/p><p>BOX x1,y1 to x2,y2 &#8211; Draws a hollow rectangle or square.<\/p><p>CIRCLE x1,y1,r &#8211; Draw a hollow circle with centre x1,y1 with radius r<\/p><p>ELLIPSE x1,y1,r1,r2 &#8211; Draws a hollow ellipse with centre x1,y1 with horizontal radiius r1 and vertical radius r2<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4449d8 elementor-widget elementor-widget-text-editor\" data-id=\"c4449d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/rayshell.de\/en\/lesson-5\/\"><strong>Go on with Lesson 5<\/strong><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4731ab elementor-widget elementor-widget-text-editor\" data-id=\"d4731ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Updated 23.07.2023<br \/>Tested with AOZ Studio\u2122 version 1.0 Update 44 on 23.07.2023<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4d2849e\" data-id=\"4d2849e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lesson 4 Welcome to your AOZ Studio Lesson 4 Adapted by Dave Baldwin &#8211; February 2020 We will learn to draw lots of random bars (rectangles) or triangles filled with random colourful patterns all over the screen. In the editor, click the paper icon on the far left to create a new project. Give the [&hellip;]<\/p>\n","protected":false},"author":153,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19889","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Lesson 4 - RayShell Computer Department<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rayshell.de\/en\/lesson-4\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lesson 4 - RayShell Computer Department\" \/>\n<meta property=\"og:description\" content=\"Lesson 4 Welcome to your AOZ Studio Lesson 4 Adapted by Dave Baldwin &#8211; February 2020 We will learn to draw lots of random bars (rectangles) or triangles filled with random colourful patterns all over the screen. In the editor, click the paper icon on the far left to create a new project. Give the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rayshell.de\/en\/lesson-4\/\" \/>\n<meta property=\"og:site_name\" content=\"RayShell Computer Department\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-25T00:58:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rayshell.de\\\/en\\\/lesson-4\\\/\",\"url\":\"https:\\\/\\\/rayshell.de\\\/en\\\/lesson-4\\\/\",\"name\":\"Lesson 4 - RayShell Computer Department\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rayshell.de\\\/en\\\/#website\"},\"datePublished\":\"2022-10-25T18:44:23+00:00\",\"dateModified\":\"2023-10-25T00:58:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rayshell.de\\\/en\\\/lesson-4\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rayshell.de\\\/en\\\/lesson-4\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rayshell.de\\\/en\\\/lesson-4\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rayshell.de\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lesson 4\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rayshell.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/rayshell.de\\\/en\\\/\",\"name\":\"RayShell Computer Department\",\"description\":\"Programming made easy with AOZ Studio\u2122. Anyone over the age of 12 can start here for free.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rayshell.de\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lesson 4 - RayShell Computer Department","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rayshell.de\/en\/lesson-4\/","og_locale":"en_US","og_type":"article","og_title":"Lesson 4 - RayShell Computer Department","og_description":"Lesson 4 Welcome to your AOZ Studio Lesson 4 Adapted by Dave Baldwin &#8211; February 2020 We will learn to draw lots of random bars (rectangles) or triangles filled with random colourful patterns all over the screen. In the editor, click the paper icon on the far left to create a new project. Give the [&hellip;]","og_url":"https:\/\/rayshell.de\/en\/lesson-4\/","og_site_name":"RayShell Computer Department","article_modified_time":"2023-10-25T00:58:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rayshell.de\/en\/lesson-4\/","url":"https:\/\/rayshell.de\/en\/lesson-4\/","name":"Lesson 4 - RayShell Computer Department","isPartOf":{"@id":"https:\/\/rayshell.de\/en\/#website"},"datePublished":"2022-10-25T18:44:23+00:00","dateModified":"2023-10-25T00:58:33+00:00","breadcrumb":{"@id":"https:\/\/rayshell.de\/en\/lesson-4\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rayshell.de\/en\/lesson-4\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rayshell.de\/en\/lesson-4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rayshell.de\/en\/"},{"@type":"ListItem","position":2,"name":"Lesson 4"}]},{"@type":"WebSite","@id":"https:\/\/rayshell.de\/en\/#website","url":"https:\/\/rayshell.de\/en\/","name":"RayShell Computer Department","description":"Programming made easy with AOZ Studio\u2122. Anyone over the age of 12 can start here for free.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rayshell.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/rayshell.de\/en\/wp-json\/wp\/v2\/pages\/19889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rayshell.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rayshell.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rayshell.de\/en\/wp-json\/wp\/v2\/users\/153"}],"replies":[{"embeddable":true,"href":"https:\/\/rayshell.de\/en\/wp-json\/wp\/v2\/comments?post=19889"}],"version-history":[{"count":15,"href":"https:\/\/rayshell.de\/en\/wp-json\/wp\/v2\/pages\/19889\/revisions"}],"predecessor-version":[{"id":32007,"href":"https:\/\/rayshell.de\/en\/wp-json\/wp\/v2\/pages\/19889\/revisions\/32007"}],"wp:attachment":[{"href":"https:\/\/rayshell.de\/en\/wp-json\/wp\/v2\/media?parent=19889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}