{"id":43,"date":"2021-11-26T14:00:50","date_gmt":"2021-11-26T14:00:50","guid":{"rendered":"http:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/?p=43"},"modified":"2023-04-06T14:01:04","modified_gmt":"2023-04-06T13:01:04","slug":"week-3-developer-journal","status":"publish","type":"post","link":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/2021\/11\/26\/week-3-developer-journal\/","title":{"rendered":"Week 3 – Developer Journal"},"content":{"rendered":"\n

18\/10\/21 – This week, we were introduced to Phaser, a 2D game framework for making HTML5 games in JavaScript and followed a demonstration in creating a basic 2D platformer

This workshop covered many aspects in quick succession, such as creating the player, camera, handling movement, animations and collisions, creating objects such as collectables and hazards, alongside additional functionalities.
I have little doubt that my future games in phaser will use all of these aspects and I’ll likely be looking back to the code from this workshop to help me add them in.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"
Basic Game Diagram<\/figcaption><\/figure>\n\n\n\n

Next development I chose was to add a ’round’ counter so the player could keep track of how many times they cleared all the stars, and so I could increase difficulty\/reward based on the wave, firstly by multiplying the score earned by the round number and then by increasing the number of bombs added per round as well, although after playtesting it I found the game became too unfair so I removed that.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


I also decided to add a new background as well, something a little higher quality\/resolution than the default one to make the scene look a little better. <\/p>\n\n\n\n

\"\"
New background, round mechanic and more score than would normally be achieved.<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

After adding the new background, I started to think a lot more about what I could do with the level environment – if I recreated the background I chose in Photoshop then I could separate elements such as birds and clouds from the background and add them individually to the level and give them movement. I also thought about creating different versions of the sky background for different times of the day and change the background on wave completions. I got a proof of concept ready as I made this before a talk with one of my lecturers and his feedback will likely be really helpful.<\/p>\n\n\n\n

\"\"
Background time Proof of concept (Day)<\/figcaption><\/figure>\n\n\n\n
\"\"
Background Time Proof of Concept (Dusk)<\/figcaption><\/figure>\n\n\n\n

My lecturer suggested I could do this easily by changing background alphas but recommended the alpha changes rapidly to keep the game processing-wise running smoothly (large background).
I did plan on getting this idea fully working on the weekend but then heard we’re going to start using ‘Tiled’ next week for creating our levels so I thought I’d leave this idea for later.<\/p>\n\n\n\n

My first Phaser game can be accessed here<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

18\/10\/21 – This week, we were introduced to Phaser, a 2D game framework for making HTML5 games in JavaScript and followed a demonstration in creating a basic 2D platformer This workshop covered many aspects in quick succession, such as creating the player, camera, handling movement, animations and collisions, creating objects such as collectables and hazards,… Continue reading Week 3 – Developer 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-43","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\/43","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=43"}],"version-history":[{"count":7,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/43\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/43\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}