Virtual Taekwondo

Virtual Taekwondo is an online 1v1 virtual reality (VR) game that mixes state-of-the-art motion capture technology with VR to deliver the real world Taekwondo sport experience.

PORTFOLIO

VIRTUAL TAEKWONDO

Project Overview

2020 - Ongoing ・ Team Size: 10+ ・ Unreal Engine 4.27 ・ Unity3D 2022.3 ・ Unity C# ・ Jira ・ Confluence ・ Bitbucket/Sourcetree ・ Scrum

Virtual Taekwondo (VTKD) is made in conjunction with the AXIS suit & World Taekwondo Federation in order to showcase the future of gaming.

It aims to provide a realistic one-on-one taekwondo sporting experience while also gamifying it to a degree that allows it to be an enjoyable game.

In today's world where COVID-19 is prevalent and contact might prove hazardous, VTKD allows for Taekwondo practitioners to fight at ease.

VTKD was featured in the Olympic Esports Week 2023.

Roles

UI/UX Programmer
UI/UX Designer
Programmer

UI/UX Programmer

Unreal Engine 4.27 ・ Unity3D 2022.3.4 ・ Unity C# ・ Microsoft Visual Studios 2022・ Jira ・ Confluence ・ Bitbucket/Sourcetree

Feature owner for UI (Technical)
- Planning, technical design, documentation, implementation, iteration & bug-fixing
- Communicate with & work closely with designers & artists
- Integrating and implementing design and art to UI designer and artist vision
- Create & maintain technical documentation, asset list & other such documentation voluntarily
- Refactor, iterate & polish elements voluntarily
Trigger UI updates when something happens on the server, or vice versa send updates to server
Ensuring consistency between all user types, VR views, PC views
- Reading, displaying (or not) & disabling screens, UI elements & data based on user type and/or platform
Constructing custom UI elements such as sliders, buttons & toggles
- Styling as befitting the game, often requiring multiple pieces for visual & animation
Layout, animations, UI interactions, text localization
Anticipate designers' needs & implement UI, expose variables to allow easy configuration without programmer input
Implement data-driven UI system, allowing for easy linking of screen navigation by designers

Setting up different views and screen or UI element availability based on platform and user type
- Some screens are only available to a player and not to spectator, but have minimal changes so an entirely new screen to maintain isn't required.
- Created a generic component that could attach to any game object or UI element which would run logic based on design-specified behaviour
  - Hiding the object, disabling it, destroying it
  - Easy to maintain, extend & use
Overhaul & redo the whole program's UI in 2 months for 2 platforms, 3 user types
Implement different types of UI, e.g HUD type in VR but world type in PC, or vice versa
- Some screens such as results would be in world space in VR but screen space on PC
Constant changing timeline, scope & feature creep
- Negotiate & advise producer/project manager what can be prioritised or shifted
- Practice agile methodology

UI/UX Designer

Draw.io ・ Figma ・ Adobe Photoshop

Working closely with game designers to nail down what information is necessary
Propose & design various UI, including animation, layout, contrast etc in Figma & Unity
Ensure typography is consistent & readable but also has enough contrast to attract attention where it needs to
Ensuring the necessary information was conveyed across in a clear manner
Ensure legality of all used assets
Provide constructive criticism and feedback of current UI
Ensure consistency of screens across different game scenes, platforms, user types

VR platform limitations such as PICO not rendering png files with gradient transparency properly in Unreal Engine
Provide a UI that is informative but doesn't block gameplay in VR mode
- By understanding the game as it is intended to be and what athletes/players pay attention to when they fight, I was able to advise and design an alternative
- E.g originally the VR health display was too far to the side and could not be seen.
Legality of assets
- Caught and resolved an issue with the assets provided by the outsource regarding font license usage

Programmer

Unity3D 2020 ・ Microsoft Visual Studios 2019, 2022 ・ Jira ・ Confluence ・ Bitbucket/Sourcetree

Participate in milestones, timeline & sprint planning, review & retrospective
Assist team in timeline, task breakdown, assessment & management
Review pull requests, conduct code reviews and maintain consistent coding standard across the project
Mentor junior programmer/interns
Suggest & create tools and workflow for artists, designers, engineers and QA
Proposed & implemented technical design for product development
- E.g using Animator & Animator Override for UI transition for fancier animations & more control
Setup Cinemachine packages and integrate into project for camera switching, different PoV cameras
Implemented the system to switch between them
Design and oversee overall architecture of the system