Chris Dolphin | Creative Developer & Architect
Chris
Dolphin
Build
somethingYou broke it. Happy now?beautiful
LinkedIn
Portfolio
Projects
Resumé
Work with me

Parallax is an effect developed during the early eras of animation to simulate the illusion of 3D with 2D layers. This same effects can be created by staggering the motion of multiple layers.

This is a piece I commissioned for the express purpose of showing how dynamic experiences don't need to forfeit quality. The digital painter authored an original piece, broken into layers and I later applied parallax math to bring the piece to life.

GimpGimpCanvas APICanvas APIKonvaKonvaReactReactGSAPGSAP

The painter

Maruša Gorjup is a freelance and concept artist from Slovenia. I found her work searching for Studio Ghibli inspired works.

Her work stood out and her insight was a source of inspiration. Our process was clear and simple, and we worked well together.

Maruša Gorjup
Slovenia

The process

We collaborated throughout the process, working through color choice, readability, and technical concerns.

Back and forth

I gave specific details on the project needs and technical hurdles, but otherwise she led with her inspiration.

  • Vibrant blues and greens.
  • Clear on 4k screens.
  • Extra wide 3:1 aspect ratio, to allow for the parallax shifting.

These first sketches were exciting enough, but she did an incredible job on every layer of detail.

After some adjustments, I took the layers and connected the math to create the final piece. Although, it took several iterations to get quality performance.

Light & Dark mode

After completing the day scene, I realized a night scene would work great as a Dark Mode option. We worked together on another commission to repaint the scene with darker tones.

I’m still experimenting with transitioning between the two scenes smoothly.