My Portfolio

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).

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.

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.

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.

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.

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).

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.

Project Three.js Character Animation

A Three.js project showcasing character movement in React Three Fiber

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.

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.

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.

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.

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.

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.

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.

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.

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.

Project Mobile Game Cubethon Online

Inspired by Brackeys's Unity game tutorial, this hyper-casual mobile game challenges player to reach the end of each level by avoiding obstacles, and it requires an online account to play.

Project Mobile Game Cowboy Rush

A first-person shooter and third-person shooter game that share the same objective, which is to score points by shooting the target within a limited time.

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.