Games Development - Task 3: Prototype

23/4/2025 - 29/5/2024 / Week 8 - Week 10
Cindy Clarissa Leslie / 0367677
Games Development / Bachelor of Design (Hons) in Creative Media
Task 3: Prototype

LECTURES


INSTRUCTIONS

 

In this task, we were required to strart the prototype of the game, focusing on coding the basic mechanics and stage. In this stage, my groupmate decided to use Godot Engine to create the 2d platformer game after consulting with the lecturer.



Task 3: Prototype

Figure 1.1 Adding animations and sprites into the engine

Firstly, using the existing animation assets that has been created in the previous task, the image sequence was inserted into the engine. Since there was some error in exporting png in Photoshop, thankfully the engine had a sprite tool where the background can be erased manually.

Each animations were then coded into different mechanics, starting from idle, walking, jumping and attack for the prototype.

Figure 1.2 Environment and tiles

After coding in the basic mechanics, the game scene is altered, changing the background to the pixel one we have created and creating a map using the tiles. The colliders were turned on to ensure that the player can walk on it.


Final Task 3: Prototype

Figure 1.3

Lastly, a placeholder UI was created as the prototype. Furthermore, the script for attack was completed, instead of the melee one like the lecturer taught us in the tutorial, we want Byte to have a shooting attack instead. This was done simply by changing the position and range of the hitbox, killing enemies that hit the ball.

Mechanics include:
A,W,S,D - walk
Space - jump
J - attack
Esc - open main menu

REFLECTION

The prototype was a new experience, I had to refer to the tutorials and existing videos online to learn. However, I was able to work with my groupmate a lot and collaborate in order to make the basic mechanics. I was mostly responsible for completely asset and my groupmate was responsible for inserting the sprites and coding the mechanics. I've observed the complicated process of coding and scripting, where there are a lot of variables needed to be taken in consideration.

Comments

Post a Comment

Popular posts from this blog

Application Design - Project 3: Lo-Fi App Design Prototype

Image
2 /12/2024 - 7/1/ 2025  / Week 11 - Week 14 Cindy Clarissa Leslie / 0367677 Application Design / Bachelor of Design (Hons) in Creative Media Project 3: Lo-Fi App Design Prototype LECTURES Week 11: Lecture 11 Usability testing Evaluate a product or service with representative users The aim is to detect usability issues, gather qualitative data, and assess overall user satisfaction. Create scenarios for the participants, observe how they use it and gain insights. (3 different scenarios for 3 different users) Create a low fidelity wireframe first (does not contain graphics nor colours, just the main idea of the whole layout) UI Kit Should include aspects of the design: typography colour palette iconography INSTRUCTIONS Project 3: Lo-Fi App Design Prototype UI Kit As stated in the lecture, the UI kit should be created first to predetermine the design's typography, colour palette and iconography in order to ensure that it stays as consistent as possible. The kit will then be used as a f...
Read more

Application Design - Final Project: High Fidelity App Design Prototype

Image
2 /12/2024 - 7/1/ 2025  / Week 11 - Week 14 Cindy Clarissa Leslie / 0367677 Application Design / Bachelor of Design (Hons) in Creative Media Final Project: High Fidelity App Design Prototype LECTURES   PROJECT 1: MOBILE APP PROPOSAL PROJECT 2: UI/UX DESIGN DOCUMENT PROJECT 3: LOW FIDELITY APP DESIGN PROTOTYPE INSTRUCTIONS Project 3: Lo-Fi App Design Prototype Design process Figure 1.1 Deciding on the final colour scheme At first, I was struggling a lot in deciding on the final colour scheme. I had a lot of different experiments switching from dark to light mode. Since there are 3 official brand colours, I had to choose one of the colours instead as I figured that the purple that I initially planned on using wasn't able to reflect on the brand. At the end, to ensure a strong branding, I eventually chose blue as the accents with additional pink from the logo as the numbered notifications and other interactive elements especially in liking posts that could add to the design in a ...
Read more

Experiential Design - Task 1: Trending Experience

Image
22/4/2025 - 29/5/2024 / Week 1 - Week 4 Cindy Clarissa Leslie / 0367677 Experiential Design / Bachelor of Design (Hons) in Creative Media Task 1: Trending Experience LECTURES Week 1: Lecture 1 Figure 1.1 AR playlist of past works by seniors During the first week, the lecturer mostly took time in class for introduction and providing us a playlist for giving us an idea on how getting into the module would look like. Each videos had a unique theme and concepts that have been tackled, whether it was educational, enterntainment, etc, each of the projects have utilized AR design for a certain function. This week overall, provided me ideas and inspired me to start brainstorming on what I should create for my project. Week 2: Lecture 2 User Mapping Empathy Map Tool used to articulate what we know about a particular type of user to: create a shared understanding aid in decision making Consider: what the user would say, think, do and feel Journey Map Mapping a journey or experience (task flow). ...
Read more