{"id":1,"date":"2022-10-10T15:49:23","date_gmt":"2022-10-10T14:49:23","guid":{"rendered":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/?p=1"},"modified":"2023-10-20T11:53:07","modified_gmt":"2023-10-20T10:53:07","slug":"hello-world","status":"publish","type":"post","link":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/2022\/10\/10\/hello-world\/","title":{"rendered":"Week 1 Journal Log 10\/10\/22"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Learning to use Visual Studio Code to edit html files<\/h2>\n\n\n\n<p>This week we learnt how to use Visual Studio Code to edit an html file of a painting script, we were tasked with editing the file and adding our own modules to change how it worked. This includes changing the colour of the paint being used for the brushes. We were also tasked to make our own brushes and I decided to make a brush that would take two coordinates and create a 3D rectangle between, them as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"758\" src=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image.png\" alt=\"\" class=\"wp-image-18\" srcset=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image.png 940w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-300x242.png 300w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-768x619.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p>At first we started off with just these 3 colours and functions. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"625\" height=\"483\" src=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-1.png\" alt=\"\" class=\"wp-image-19\" srcset=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-1.png 625w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-1-300x232.png 300w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><figcaption class=\"wp-element-caption\">I decided to add some more colours based on their RGB values which worked for all of the different functions I added.<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"419\" height=\"503\" src=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-2.png\" alt=\"\" class=\"wp-image-20\" srcset=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-2.png 419w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-2-250x300.png 250w\" sizes=\"auto, (max-width: 419px) 100vw, 419px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"661\" height=\"234\" src=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-3.png\" alt=\"\" class=\"wp-image-21\" srcset=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-3.png 661w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-3-300x106.png 300w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/><figcaption class=\"wp-element-caption\">For each colour I had to add a selectable button, this is where each colour was assigned a button and later the location is also assigned.<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"599\" height=\"1024\" src=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-4-599x1024.png\" alt=\"\" class=\"wp-image-22\" srcset=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-4-599x1024.png 599w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-4-175x300.png 175w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-4.png 729w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><figcaption class=\"wp-element-caption\">This shows all the brush functions which I added to the paint script, the 3D square shape was the hardest to add as it requires 2 clicks to place the different locations of the square points. I ended up having to make it into 2 different functions, one for the main square, and one for the 3D and other square.<\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/danielharris.nuacomputerscience.co.uk\/Paint\/simplepaint.html\">https:\/\/danielharris.nuacomputerscience.co.uk\/Paint\/simplepaint.html<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fundamental Task 1<\/h2>\n\n\n\n<p>Furthermore, we also started the fundamental tasks. The first task we were tasked with was selecting a game and taking a segment of the game to create as a flowchart, unfortunately we had to simplify the flowcharts as the games I selected had too many variations in what could be checked for at a given moment.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"986\" src=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-5-1024x986.png\" alt=\"\" class=\"wp-image-23\" srcset=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-5-1024x986.png 1024w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-5-300x289.png 300w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-5-768x740.png 768w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-5.png 1036w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This is a section of Sea of Thieves that allows you to pick up quests and checks for completions.<\/p>\n\n\n\n<p>We also had to create a guard flow chart with the following conditions;<\/p>\n\n\n\n<p>&#8220;<\/p>\n\n\n\n<p>&#8220;A Guard patrols from a leftmost position (-100 units) to a rightmost position (100 units) along the x axis at normal speed (5 units per turn). If a player comes within 10 units of the guard, the guard will pursue them. If the guard manages to get within 1 unit of the player, it will attack the player. When being pursued, If the player manages to move more than 10 units away from the guard, they will forget him and return to patrolling&#8221;<\/p>\n\n\n\n<p>This is the flowchart solution I came up with to solve this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"861\" height=\"1024\" src=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-6-861x1024.png\" alt=\"\" class=\"wp-image-28\" srcset=\"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-6-861x1024.png 861w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-6-252x300.png 252w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-6-768x914.png 768w, https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2022\/11\/image-6.png 881w\" sizes=\"auto, (max-width: 861px) 100vw, 861px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Learning to use Visual Studio Code to edit html files This week we learnt how to use Visual Studio Code to edit an html file of a painting script, we were tasked with editing the file and adding our own modules to change how it worked. This includes changing the colour of the paint being [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":5,"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/danielharris.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}