Phaser 3 Framework: Interactive 2D game microsite development

Summary

In conjunction with the launch of innisfree Brightening Pore series, we created an interactive experience that conveys its unique Blemish Care benefit in the skin brightening sector. The ‘marathon’ concept stems from the importance to take care of our skin against UV ray damage continuously. Developing using popular HTML5 gaming framework Phaser 3 to develop the interactive gaming experience to allow user to learn about the products in a fun way.

 

The Assignment

  1. Mobile-prioritised design
  2. Deliver the message in Fun & Educational way

 

 

Game Level design

Planting the characters & obstacle is fun in this project, we carefully plan the game level difficulty for each levels using 2D array of tile indices to map out all the assets.

 

Animation & Interaction

Design Animation & Game Interaction play a big role in this project as it make the whole gaming experience enjoyable.

 

Design & Concept by

Scope of work

  • Technology Strategy
  • Mobile Development
  • Frontend Development

Related works

Located in Baa Atoll of the Maldives where sunny blue skies, lush foliage and calm waters meld together for an unforgettable experience.

Located in Baa Atoll of the Maldives where sunny blue skies, lush foliage and calm waters meld together for an unforgettable experience.


Read more »
The Workhouse<br/><u>A Static Generated Website by GatsbyJS</u>

The Workhouse
A Static Generated Website by GatsbyJS


Read more »
Digital Agency Handshake

Want a kickass digital presence?

Let’s talk. Now that you’ve heard about us, let’s hear about you.


Discuss with us now