The project is a showcase of Panic Library’s studio - a Hong Kong DJ collective consisting of Baby Diwata and Loveless - displayed in 3D using react three fiber.

The “studio” will only be revealed when user successfully “verified” the correct images in the Google reCAPTCHA-inspired UI.

🔨 React.js, React Three Fiber

Imagine you had an invisible pen, those with ink that is only visible when shined with a particular light. Similarly, the project provides user an input where they can submit a secret message that would be revealed when user cursor-highlights the prepared paragraph. It is about the intimacy, the playfulness of sending your loved ones a secret message.

🔨 Vue.js

The idea of sending a note that is full of typos; imagine you’re back in middle school, writing a love letter to your crush but you keep erasing your original words just to end up writing a collection of incorrectly-spelled words.

🔨 Next.js, Konva.js, Tailwind CSS

A real-time document editing platform inspired by Google Docs. It aims to create a shared, but 'handicapped' space for digital users, where different user will see different parts of the current document being typed.

User must rely on the output from other users to fully see what they are typing. This is because some characters in the text input are almost invisible, allowing users to only partially read the words clearly. Each user is assigned different invisible character indexes. This feature is designed to encourage users to check one another’s interface in order to complete each word, similar to solving a puzzle.

The omission of some characters is reminiscent of a "lipogram," a piece of writing that deliberately leaves out certain letters. However, in my project, the omitted letters vary depending on the order in which users connect to the web socket and how many users are connected at any given time. For example, if I type “I love you,” the characters will appear in a very light grey shade on my screen, making them barely visible. However, if I open a new tab as a different user, I will see some characters highlighted in blue, specifically the first, third, fifth indexes, and so on. If I switch back to my original tab, the second, fourth, sixth indexes, and so forth, will be highlighted. This design choice encourages the initial user to collaborate with the new user to fully view their document.

When I’m working on this project, I was thinking of how we never got to see the full picture of someone’s thoughts, even when we’re working closely with them, even in a physical space! Our own narrative may play a role in recontextualising the information that we got from other people to be in accordance to our reality.

🔨 Glitch.me, Websocket

A showcase for the 3D asset live documentation for a Bad Times Disco party: Call Me at Wong Chuk Hang, Hong Kong

I have an idea to document a party in 3D form instead of the traditional two-dimension. With this project, I go around the audience with my phone and laptop, pointing my camera at them to capture 2D images that will be processed into 3D point clouds depth map using a Python script. The depth map is then converted to a 3D object with texture on Blender. All process is automated through a self-customized Python script.

🔨 Python, Blender, React Three Fiber, React.js, Supabase

Fashion editorial about a boy and a girl who arranged to meet up at the London Bridge, the narrative is being unfolded in the form of Whatsapp chat. The project is to complement a feature for Inner Magazine (Hong Kong), which comprises of 7 landscape 16x9 image that altogether forms a panoramic picture.

🔨 React.js, Material UI

The exhibited work - "Gestation Gestalt" is about gestation or birth is part of a gestalt, a structure that is constructed out of fragments that connect to each other as a holistic union. The photograph signifies menstruation, fertilization, an embryo and a fetus with differentiated organs are parts of one holistic structure called birth.

The work exhibited is a postcard that is intended to be split half, where one half is kept by the sender and the other is sent to the receiver. When splitted, the postcard allows a different variation of image if it is joined on the other end of each side. In a way, this postcard encourages physical meeting between sender and receiver to create a new image.

The exhibition is part of the Shared Campus programme.

Recipient of full scholarship for undergraduate study

• Asset & video archive management, post-production support, assisting on filming set, administrative support for Springs Auction 2021.

• Handling video & subtitle editing for promotional content on social media (with Adobe Premiere Pro & Adobe Photoshop).

• IT support on Shopify, building content and sites for past and current exhibitions.

• Handling ad-hoc graphic editing and artwork photography documentation for website content and exhibition documentation.

• Assisting the set up of exhibitions and attending to artwork inquiries during the show.

• Programming and managing video-related campaigns

• Post-production of video for social media content