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

Following up from the Phaser introduction, this week we’re introduced to Tiled which allows us to import and use ’tilesets’ to put together levels as ’tilemaps’. The first task being making a nice level to navigate with the supplied tileset, while doing this I experimented a lot with flipping tiles horizontally and vertically to create a lot of variation within the level and a particular favourite touch being pillars in the background.<\/p>\n\n\n\n

\"\"
Tilemap of 5 layers with its contents colour-coded
Foreground – assets that appear in front of the player
Platforms – tiles which the player primarily walks upon
ladders – tiles added with the intent to function as ‘ladders’
Props – assets which the player may collide with
midground – assets behind the player, intent to be decorative
background – the backmost layer which will function as a backdrop for the level.
<\/figcaption><\/figure>\n\n\n\n

When it came to coding, they were a bit of work to set up but they’re incredibly resourceful for setting up levels and pose as an alternative for adding static objects like collectables and hazards<\/p>\n\n\n\n

\"\"
code required for importing the tileset, tilemap and setting up layers.<\/figcaption><\/figure>\n\n\n\n
\"\"
Depths for each layer is also a lot easier to manage.<\/figcaption><\/figure>\n\n\n\n

To add some objectives, I’ve brought in the stars from the previous Phaser project however this time, collecting all the stars will load the next level. To hint that this is the objective, the player is given a remaining stars counter.<\/p>\n\n\n\n

\"\"
Level Preview (Stars)<\/figcaption><\/figure>\n\n\n\n

Developing on top of stars I also tried adding ‘upgrades’ the first of which is a white star that spawns randomly among the other stars but when you pick it up, it increases the maximum jumps – this was the only suitable thing I figured I could really upgrade.<\/p>\n\n\n\n

Another benefit is collision events can also be made between specific tileset pieces, so in this case we could make another prop collectable for score much alike the stars.<\/p>\n\n\n\n

\"\"
Collecting the Mushroom tile and score increasing.<\/figcaption><\/figure>\n\n\n\n
\"\"
Collision check, adding score and removing tile function.<\/figcaption><\/figure>\n\n\n\n

Another design choice I considered about the floor is a pit, I just wanted there to be a fall rather than tiles or spikes.
If the player fall down then they are moved back to the last tile they touched.
I initially tried to add this as a collider with the bottom worldbound but I couldn’t find the right code to work, so instead I built upon what I previous did by adding two new tiles to emulate a shadow that the player could collide with<\/p>\n\n\n\n

\"\"
Callback code<\/figcaption><\/figure>\n\n\n\n
\"\"
Callback in action<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

Following up from the Phaser introduction, this week we’re introduced to Tiled which allows us to import and use ’tilesets’ to put together levels as ’tilemaps’. The first task being making a nice level to navigate with the supplied tileset, while doing this I experimented a lot with flipping tiles horizontally and vertically to create… Continue reading Week 4 – 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-58","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\/58","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=58"}],"version-history":[{"count":2,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/58\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/posts\/58\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=58"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lloydmills.nuacomputerscience.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}