W
E
L
C
🙂
M
E
L
O
A
D
I
N
G
0%
Hello.
am
i
i
an aspiring
creative front-end developer & engineer
from the Philippines.
Tech
3D
Education
Drawing
Gaming
Movies & Series
Music
Flag Football
Chess
Skate
Get to know me better through this room.
Explore and click on objects.
(or pick a topic from the list)
HTML + CSS + JavaScript
GLSL + Three.js + GSAP
3D: Fusion 360 + Blender + Inkscape
Learning: React + R3F + shaders
FRONT-END
FRONT-END
FRONT-END
FRONT-END
FRONT-END
FRONT-END
FRONT-END
FRONT-END
FRONT-END
It's amazing to think
that a few lines of code can
allow us to create something visual,
with a few more, something beautiful 
 and with the right tools,
something unforgettable.


Flagle
Public ProjectCollab with Simon Clemente
Flagle is basically a guess-who game for flags.
- Conceptualized game mechanics & features
- Mainly worked on the layout, design and content of the site.
- Reached over 200,000 people all over the world.
HTML + CSS + JavaScript
Effects Study
Case Studies
A compilation of cool effects I made for the web as I learn.
- Heavily inspired by Yuri Artiukh's videos and streams.
HTML + CSS + JavaScript + GLSL + Three.js + GSAP
Gabito
UI StudyCollab with Gabriel Pineda
A UI case study for implementing a non-conventional image carousel.
- Dived deeper into vertex shaders, animations and interactions.
- Visualized overall carousel and rough website look.
HTML + CSS + JavaScript + GLSL + Three.js + GSAP
LD+R
UI Study
A UI concept for Love Death + Robots' best episodes with a highlight object(orange robot).
- Modelled the robot to continuously animate and change screen texture.
- Implemented a lot of GSAP animations and ScrollTriggers to correctly manipulate the robot.
HTML + CSS + JavaScript + GLSL + Three.js + GSAP
Noise Generator
Shader Study
A website to create and better understand Noise and Fragment Shaders.
- Tweaked a lot of values and ran the code multiple times to really understand what was happening with the fragment shader.
- Created a simple UI to allow users to change values and see results on the spot.
HTML + CSS + JavaScript + GLSL + Three.js
Portfolio v2
Public Project
An accumulation of what I've learned so far and its products.
- Designed the whole website from top to bottom.
- Used GSAP and ScrollTriggers to ensure that animations are done on time.
- Created all 3D assets and managed everything so that users can have an immersive and interactive experience.
HTML + CSS + JavaScript + GLSL + Three.js + GSAP
I came here to  CENTER DIVS  & chew gum ...