![\"\"](\"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2021\/10\/Paint-program-1.0-1.png\")
<\/figure>\n\n\n\nI’m brand new to html and js and though I’ve developed a slight understanding, I’m still very unsure about a lot of code – to work on this issue, I will continue to work in js and html by analysing existing code, researching their purpose using online resources such as w3schools and applying that knowledge to my code. From here, I liked the idea of adding an option for the user to change the brush alpha and size to their liking. My first intention was to select either a size or opacity button and be able to adjust it through scrolling up and down with the scrollwheel but I’m yet to find any sources online about it, so I think I’ll opt for having a button to increase and decrease either the opacity or the brush size. In this week’s productions, I have created a paint software in html and Javascript using Visual Studio Code and been introduced to databases and set up a subdomain to upload my works. The paint program so far is very basic, allowing you to apply a limited pallet of colours with a limited set of brushes… Continue reading Week 1 Journal<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[4],"class_list":["post-30","post","type-post","status-publish","format-standard","hentry","category-uncategorised","tag-bsc1a","entry"],"_links":{"self":[{"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":4,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/30\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/30\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Following this plan, I managed to figure out how to add more brush options by looking up how my previous code worked which helped me a couple create square, triangle and diamond brushes.
I also added salmon pink after 100% of user feedback I got requested it (I asked one person).<\/p>\n\n\n\n![\"\"](\"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2021\/10\/Paint-program-3.0.png\")
<\/figure>\n\n\n\n
For this, I thought the player could use the scrollwheel to change either the alpha or size, or press a button to increase or decrease either of them.<\/p>\n\n\n\n![\"\"](\"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-content\/uploads\/2021\/10\/Paint-program-4.0.png\")
<\/figure>\n\n\n\n
My current hurdle now is creating the code which responds to the buttons pressed and then changing the necessary variables (brush size and alpha) with that but I’m very unsure how to go about it yet.
Before I further tackle this task, I’d like to research and practice javascript further by using codecademy to help me with my understanding of the language. I don’t have much confidence or knowledge with the programming language so far with the complexity of the code so far, which I believe is making particular research for issues trickier to follow by being unsure of what I’m following.
In a later lesson this week, I’ve tried to add an eraser tool, a line to set the initial brush colour to the first colour swatch for consistency, learned about brush alpha and adjusted the shape brushes so the shapes are larger but the lines are thinner.<\/p>\n","protected":false},"excerpt":{"rendered":"