Playable 2D Pixel-Art Resume Built with Three.js, R3F and Rapier

Showcase
, , , , ,
1

preview

Hi everyone,

I’m sharing a playable resume implemented as a 2D pixel-art platformer using Three.js, React Three Fiber, and Rapier.

The project uses Three.js/R3F for real-time rendering and scene composition, with Rapier handling physics-based movement and object interactions. The user controls a character, moves through the scene, jumps, interacts with objects, and collects coins during exploration.

The character controller includes platformer-specific input behavior: variable jump height based on button hold duration and coyote time for late jump input shortly after losing ground contact. Post-processing is used for glow effects on selected scene elements.

Coins track exploration progress and act as a completion indicator for the full site.

Live site:

I’d be interested in feedback on the control feel, physics behavior, performance, post-processing, visual presentation, and the use of Three.js/R3F for a 2D pixel-art playable resume.

6 Likes
2

This is seriously impressive work. As a pixel art lover, I can really appreciate the amount of effort you’ve put into creating all these assets—it shows. Everything feels polished and thoughtfully built. Where are the pixel art lovers at? You’ve got to check this out :fire:

1 Like
3

I also loved it. Amount of details in pixel art is incredible. But… out of curiosity i went too far right and poor pumpkin man fell under the level :frowning: An invisible wall here and there and it would be perfect

4

Thanks a lot :heart:. After rewriting the controller, I forgot to update the invisible walls. It’s fixed now. I’m also planning to update the menu visuals and add a door-opening animation for the first POI (Point of Interest).