A pint-size mage adrift above the clouds, staff lit and twin-tails caught mid-float
Philippines // Software Engineer

Joaquin Reynera

I design and build digital experiences, both practical and immersive.

Scroll
14.59°N 121.02°E
// Sugor is Joaquin Reynera

Creative and technical in equal measure. I care about work that lasts, and about the craft you can feel in the first five seconds.

02 // Games

Straight from Birdio

4 frames

A side-scroller through an obstacle-filled dark world. A lost bird looks for its vanished flock, and the only rule is the one it lives by: keep moving.

Birdio title screen: a white bird crest over a small hero facing a torch-lit dungeon
Birdio: the bird among scattered flames in a brick cavern
Birdio: a single light on a dark rocky climb
Birdio end screen reading thank you for playing, framed by torches

More from the arcade

Pie Is Great: a pixel execution arena with a waiting crowd
Game // Pixel arena

PIE IS GREAT

A pixel arena with a dark sense of humor. One bad slice and the crowd goes home happy.

Knockout title screen: a stylized logo over a sunset cliff and a treasure chest
Game // Sunset brawler

KNOCKOUT

A sunset brawler. Reflexes, rhythm, and one clean hit to be the last one standing.

See all gamesOn GitHub

03 // Pixel art

The art behind the games. Characters, cycles and tilesets, drawn at native size and scaled with the pixels left square.

A pixel chapter card — a small swordsman on a mossy cliff over bright water, CHAPTER 1 lettered aboveA pixel chapter card — a small swordsman on a mossy cliff over bright water, CHAPTER 1 lettered above
Chapter 15f · 10fps

Scenes

A night scene in blues: someone sits at a lit computer inside while another figure sits alone on the roof aboveA night scene in blues: someone sits at a lit computer inside while another figure sits alone on the roof above
Alone48f · 10fps
A top-down forest of round dense trees, wildflowers and a dirt path crossing the grass
OverworldStill
A timber and stone house under a mossy roof, smoke off the chimney, a small hero standing outside
The houseStill
A hero running flat out across grass with a sword on their back, under a pale skyA hero running flat out across grass with a sword on their back, under a pale sky
Sprint6f · 10fps
A hooded figure swinging a short red blade on a strip of grass against a blue skyA hooded figure swinging a short red blade on a strip of grass against a blue sky
Cut23f · 13fps

Sprites and cycles

A white-haired fighter swinging a red blade, shown twice mid-swingA white-haired fighter swinging a red blade, shown twice mid-swing
Attack, front21f · 17fps
A run cycle: a small hero sprinting, mirrored in the ground beneathA run cycle: a small hero sprinting, mirrored in the ground beneath
Run cycle8f · 13fps
A red-hooded character walking, then breaking into a runA red-hooded character walking, then breaking into a run
Walk and run32f · 9fps
A small fighter thrusting a long blade upward, then downwardA small fighter thrusting a long blade upward, then downward
Attack, up and down16f · 11fps
A dark green-haired creature swiping both arms to the side, mirrored belowA dark green-haired creature swiping both arms to the side, mirrored below
Attack, side11f · 17fps
A red-haired swordfighter in a grey cape and orange coat, blade drawn
Full bodyStill
A small dark enemy bobbing in place over a maroon groundA small dark enemy bobbing in place over a maroon ground
Enemy29f · 12fps
A winged enemy flapping in place, its reflection beneath itA winged enemy flapping in place, its reflection beneath it
Flier14f · 17fps
216 frames

Fourteen pieces, eleven of them animated, re-encoded lossless to 137KB from 1.5MB of source captures. Nothing is resampled, so every edge stays square.

01 // Selected work

A lamplit studio. Things I have designed and shipped for the web.

01SikretoWeb app
02Dev AlmanacDocs
03LoL ChestsWeb app
Capabilities

One person across the whole pipeline, from the first sketch to the last deploy.

  1. UI & UX
    Interfaces that feel obvious, with the interaction detail worked out before the first line of code.
  2. Web & Mobile App
    React and Next.js front to back. Fast, accessible, and built to keep working after launch.
  3. Design & Creative
    Brand, motion, and 3D. The parts that make a product feel like it has a point of view.
  4. Development
    Clean, typed, tested code. The engineering that keeps everything above honest.
Stack
React · Next.js · TypeScript · JavaScript · TailwindCSS · HTML · CSS · Vite · Figma · GitHub
04 // 3D

Project Kapwa: a lantern-lit sari-sari store glowing on its platform in the dark
Featured
Project Kapwa

A neighborhood sari-sari store, modeled and lit to feel like a memory. Kapwa means shared self, the idea that we are all in this together.

ModelingTexturingRendering
A squad of visor-lit robots breaking for the warehouse door under red light (Lethal Company fan art)
Breakout Squad · Lethal Company
A hexagonal raised planter, poppies and greenery packed into its wedges
Segment garden
A frog trick-or-treating in a bedsheet ghost costume among glowing jack-o-lanterns
Trick or treat
A bamboo and moss bee hotel swinging from its ropes
Bee hotel
A cobalt tuk-tuk food truck parked with its awning out and stools set
Street food truckwith @paglayapup
A pint-size mage adrift above the clouds, staff lit and twin-tails caught mid-float
Legendary Mage
// Let's talk

or find me on github.com/Sugorr