• Add to Collection
  • Tools Used
  • About

    About

    As part of Your Majesty’s R&D practice, we launched a platform combining the very latest in digital technology with the original aesthetic we’re … Read More
    As part of Your Majesty’s R&D practice, we launched a platform combining the very latest in digital technology with the original aesthetic we’re known for. Posture & Balance is the first challenge in a series of games for Cavalier, our proprietary platform for experimental experiences. Built on the latest web technologies, including WebGL, SVG animation and 3D WebAudio, Your Majesty uses this platform to create immersive experiences in a way that encourages R&D and experimentation. It inspires our team to innovate and learn new skills that foster client relationships and personal growth and encourages digital exploration. Since 2006, Your Majesty has been on the forefront of digital technology and groundbreaking design. While design in many places has become a commodity, we believe that synergy between design and technology truly creates a unique experience. Our love for art & craft often sets us apart from our competition. Read Less
    Published:
 
 
 
 
As part of Your Majesty’s R&D practice, we launched a platform combining the very latest in digital technology with the original aesthetic we’re known for.
 
 
Posture & Balance is the first challenge in a series of games for Cavalier, our proprietary platform for experimental experiences. Built on the latest web technologies, including WebGL, SVG animation and 3D WebAudio, Your Majesty uses this platform to create immersive experiences in a way that encourages R&D and experimentation.
 
It inspires our team to innovate and learn new skills that foster client relationships and personal growth and encourages digital exploration. Since 2006, Your Majesty has been on the forefront of digital technology and groundbreaking design. While design in many places has become a commodity, we believe that synergy between design and technology truly creates a unique experience. Our love for art & craft often sets us apart from our competition.
 
 
 
 
 
 
 
 
 
 
The Cavalier platform plays on the metaphor of historical challenges, in which a squire has to reach excellence in order to rise a knight.
 
 
 
 
 



After we figured out the game narrative, our Art Director challenged himself to learn Cinema 4D and create a couple style frames. Using styleframes helped us to create a base for our WebGL developers and get a sense for the look and feel we wanted to go for.






To promote the game we created a matte painting as a poster and we made a fully 3D animated trailer. All of these elements were made in-house.

The trailer has a similar dark atmosphere as the game start screen. Preparing for battle, creating tension and mystery with close crops of the horse. We didn't want to show too much, so there’s something left to imagine for the user.






The 3D sound design, which we made in collaboration with Studio Takt, is a big part of the full experience. In the beginning the sound and music go from very mysterious, dark and empty, to more intense, and pushy. And when you are done riding, the music becomes euphoric.

The sounds and music contain a mix of modern influences and medieval times. During the gameplay the sound design provides feedback when certain actions appear, like picking up a gold nugget, hitting a tree, correctly speeding up by hitting the space bar, or even notifying the user when they are running on the left or right side of the game by balancing the sound effects on the left and right audio channels. This gives it a true 3D immersive experience.

To top things off we hired a voice actor to introduce you to the concept of Cavalier and congratulate you at the end with your score results.


Learn more about the creative behind Cavalier and the tech behind Cavalier on Medium.





P R O J E C T
Cavalier

C L I E N T
Your Majesty Co.

P A R T N E R
Studio Takt

S E R V I C E S
Creative strategy, art direction, animation, iconography, matte painting, design, user testing, sound design, voice over, video production, 3D production. Front-end development: HTML5, CSS3, WebGL, Pixi, JavaScript, three.js, SVG animation, bodymovin.js, howler.js, 3D audio, WebAudio, GSAP

A W A R D S
Awwwards – Experimental / Innovation Site of the Year, 2016
W3 Awards – Silver, Experimental, 2016
The FWA & Adobe – The Cutting Edge Award, June 13, 2016
CSS Design Awards – Site of the Year, 2016, Best Game Site

P R E S S
Awwwards, The FWA Insights, IdN Magazine, Creativity Online, among others