Ng Zheng Kai (0359424)

06/01/2025 - 08/01/2025 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Minor Project Final Reflection INSTRUCTIONS Minor Project Reflection W1 During the first week of class, we were briefed on what we are going to do for this module, and we were asked to choose between 3 projects to take on, which are Warisan XR Immersive Expedition, Expedio Project X-Board Idea Space, and Daikin Project. I initially picked Warisan XR because the AR/VR concept fascinated me, but then my initial group was not sufficient due to the grouping requirements. So our lecturer advised me to change to another group in a different time slot. (I was in morning class and I have to change to afternoon class). I entered the class and joined this group taking on the Expedio Project. After joining the group working on the Expedio Project, I began to appreciate the value of adaptability and collaboration in a team setting. Initially, I was hesitant about leaving my comfort zone, as I had already f...

11/12/2024 - 06/01/2025 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media App Design 2 Final Project INSTRUCTIONS Final Project Improvements After reading a tutorial I found online, I tried to input navigation bar animations to my homepage to add more life to the app, and it turns out better than I expected. I also added another animation for the "payment confirmed" page, using CSS keyframes and JavaScript. Navigation Bar For the navigation bar, I used CSS keyframes animation and also used JavaScript with the aid of AI. Fig 1.2 Navigation Bar HTML, CSS, JavaScript Code  Payment Confirmed Fig 1.5 Payment Confirmed HTML, CSS Code Flow Map Masterplan Firefly Final Wireframes Netlify Link:  https://starting-up.netlify.app/ Final Video Presentation App Walkthrough Final Reflection Completing this project has been a transformative experience that challenged me to grow as a UI/UX designer and pushed ...

18/11/2024 - 16/12/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media App Design 2 Task 3 INSTRUCTIONS Task 3 In Task 3, we will create the micro and macro animations outlined in Task 2. This involves coding all the animations and transitions using HTML, CSS, and JavaScript. App Startup Logo For the app startup animation, I used CSS keyframes animation. Fig 1.1 App Startup Logo   HTML, CSS Code Flight Selection Fig 1.3 Flight Selection HTML, CSS, and JavaScript Code Passenger Details Slide Bar and Fade Bar Fig 1.4 Slide Bar and Fade Bar HTML, CSS, JavaScript Code Reflection Embarking on Task 3, which involves creating the micro and macro animations outlined in Task 2, has proven to be both a challenging and eye-opening experience. The process requires coding animations and transitions using HTML, CSS, and JavaScript, skills that I am still in the early stages of mastering. One of the biggest challenges I have faced is my lack of experience in coding. While I understand ...

15/12/2024 - 12/01/2025 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Final Project INSTRUCTIONS Final Project progress: For the final project, we are to continue finishing our prototype into a complete app. I continued on adding on the "What's Next" from the last post, which are complete visual guides, more scenes and refinement. I look up for images online, mostly from the official manual from the Dell website Fig 1.1 Official Manual from Dell I added more visual guides for the app and implemented some interactivity with the touch input like dragging objects and pinch to zoom. Fig 1.2 Script for dragging objects Fig 1.3 Script for pinch to zoom Combining these two scripts, I am able to drag and enlarge/shrink my objects around for better interactivity. Fig 1.4 Drag and PinchToZoom demonstration I also made an Object Appear script that toggles an object to switch between their active/inactive states. Fig 1.5 Object Appear Script Fig 1.6 ...

14/11/2024 - 16/12/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Games Development Project 3 INSTRUCTIONS Submission Game Mechanics The core mechanics of the game is that it allows you to change between 2 forms (fire & water) and corresponding types of platforms will appear depending on your form. Fig 1.1 Fire (1st image) and water (2nd image) forms The idea initially seems daunting to me since I have limited knowledge on coding but thanks to the power of AI, I got to make it work pretty fast. the images below is the code that allows the player to switch forms and manages the platforms. Fig 1.2 Code for switching forms and platforms Prototype Fig 1.3 First Test Fig 1.4 Prototype What has been done: -Player control and animation -Player health system, health UI and healing items -Enemy health system and UI -Form switching and platform changing mechanics What's next: - Boss fight -Block mechanics -Main menu and game over -Game over conditions -Sound effect -Enemy...

12/11/2024 - 15/12/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Project 2 INSTRUCTIONS Project 2 progress: In this task, we are going to create a MVP (Minimum Viable Product) prototype showcasing on what has been done and what yet to be done.  Initially, I tried to use Polycam to 3D scan my laptop and upload it to Vuforia's Model Target Generator. Fig 1.1 Polycam 3D scanned model of my laptop But then, for some reason, Vuforia cannot accept my 3D scanned laptop. Fig 1.2 Vuforia not accepting my 3D scanned model of my laptop So for plan B, I browsed around the web to look for a 3D model of my laptop (Dell G3 3500) or something similar to my laptop. Luckily I found a model that is similar to my laptop in SketchFab. Fig 1.3 3D model from SketchFab  After downloading the model, I tried to upload it into Vuforia's Model Target Generator and it turned out to be accurate and it is able to recognize my laptop in Unity's AR ca...

8/11/2024 - 14/11/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Games Development Project 2 INSTRUCTIONS Submission Presentation Link:  https://docs.google.com/presentation/d/1RT55zsIG6mE51-c_BEfrHaAFu7lnfFLG6UyOBQ5y2XA/edit?usp=sharing Art Asset Player For the player character, I downloaded a character sprite from the Unity asset store. Link Fig 1.1 Player Sprite Fig 1.2 Water Form Fig 1.3 Fire Form Enemy  For the enemy sprites, I selected several sprites from an asset pack in the Unity asset store. Link Fig 1.4 Enemy Sprites Boss For the boss sprite, I downloaded this sprite from this . ...