My Portfolio

Year 2024 | Three.js Journey Project
Project Three.js WebGL Infospot
A Three.js project showcasing the interactive infospot/hotspot on 3D world of three.js by mixing HTML (2D coordinate) with WebGL (3D coordinate).

Year 2024 | Three.js Journey Project
Project Three.js Portal Scene
A Three.js project of modeling and baking 3D models in Blender 3D from scratch, then import it to Three.js website.

Year 2024 | Three.js Journey Project
Project Three.js Sliced Model Shader
A Three.js project showcasing sliced effect using WebGL shaders, this can be useful for product inspect or showcase.

Year 2024 | Three.js Journey Project
Project Three.js Fun Product Showcase
A React Three Fiber (R3F) project showcasing fun movement of interactable 3D object using React's spring animation library.

Year 2024 | Three.js Journey Project
Project Three.js Marble Race Game
A React Three Fiber (R3F) project showcasing a fun game that has very performant physics (using Rapier), procedural level, and utilized Zustand to control the game state.

Year 2024 | Three.js Journey Project
Project Three.js GPGPU Flow Field Particle Shader
The hardest Three.js project I've ever done so far, showcasing GPGPU flow field particles that is very performant because it utilize GPGPU to save the particle's 3D coordinate (X, Y, Z) into a dynamic 2D texture color (R, G, B).

Year 2024 | Three.js Journey Project
Project Three.js Raging Sea Shader
A Three.js project showcasing custom-built WebGL point and directional light shaders applied to a sea that is created from a plane geometry and tweaked with WebGL vertex shader.

Year 2024 | Three.js Journey Project
Project Three.js Character Animation
A Three.js project showcasing character movement in React Three Fiber

Year 2024 | Three.js Journey Project
Project Three.js Haunted House
A Three.js project showcasing the fog, basic geometries, basic lightings, basic movement, and basic texturing for the sky and the geometries.

Year 2023 | Freelance
Project Mobile Game Mitos atau Fakta Mobil Listrik
An educational mobile game that explores the facts and myths about electric cars with an interactive dialogue style.
Year 2022 | Metalabs Telkom University
Project Eye Tracking Game Math Quiz
A quiz game that tracks the player's eye position on the screen to analyze eye movement by gathering telemetry data and converting it into a comma-separated values text file (.csv) that can be opened as a spreadsheet.

Year 2022 | Metalabs Telkom University
Project Hand Tracking Game Virals Play - Count Me
A hand tracking game designed to identify individuals with Dyslexia, where the objective is to move the ball into the blue bowl and match the number of balls to the given set of numbers.

Year 2022 | Metalabs Telkom University
Project Hand Tracking Application Hestia Product Launch Leapmotion Application
A hand tracking application that's used to officially introduce and launch Hestia Smart Lamp by the Rector of Telkom University.

Year 2022 | Metalabs Telkom University
Project Hand Tracking Game Doggo The Pet
A hand tracking game designed for the demo of the hand tracking device Ultraleap 3Di, where the objective is to move the ball into the dog's bowl to score points.

Year 2022 | PT Telkom Indonesia
Project VR Oculus Quest 2 Game Harfish VR
A Virtual Reality (VR) game where the goal is to breed the fish by following the given steps from start to finish.

Year 2022 | PT Telkom Indonesia
Project Mobile AR Game Budi Daya Visual Novel with AR
An Interactive AR educational mobile game with the genre of Visual Novel where players need to build and take care of their fish farm by experiencing it from the main character perspective.

Year 2021 | College Project
Project Mobile VR Game Color Dash
A hybrid mobile Virtual Reality (VR) game where the objective is to answer color combination questions by kicking the correct colored box to the designated spot.
Highlighted Game Articles

Project Mobile Game Mitos atau Fakta Mobil Listrik
Interactive dialogue tool with custom Unity Timeline Clip
The Unity Timeline acts as a place that can contain different tracks, where each track can contain different clips (Just like Premiere Pro or any other timelines). As a developer, I wanted to optimize the game and make it more efficient, so I developed a tool for the dialogue system within the Unity Timeline.

Project Mobile Game Mitos atau Fakta Mobil Listrik
Game optimization using various Unity Game Optimization Techniques
When it comes to optimizing the game, it can be a bit tricky. In this project, I implemented some basic optimization techniques, such as providing quality options, using multiple canvases, reducing draw calls, disabling unused event listeners, using GPU instancing, and using light probes with baked lighting.

