SHIRO is a puzzle game set in early Japan, transforming your smart device into a lacquer box full of stories and enigmas: You reconcile past and present with empress Gemmei, travel through dark forests to invite spirits to the shrine of old Yoshida, and climb Mount Inari in southern Kyoto with an outcast fox. Puzzle by puzzle, word by word you will dive deeper into language, culture and contemplation.

Post news Report RSS SHIRO - Making the lacquer box turn

A new devlog for SHIRO, a mobile game that celebrates the beauty of Japanese lacquerware, is out! We discuss the material resemblance of lacquerware and smart devices + the challenges we faced when transferring the aesthetics of lacquer into a game. Read about it here.

Posted by on


SHIRO is a mobile game that celebrates the beauty of Japanese lacquerware. Players have to think out of the box while playing on a lacquer box: Beneath smooth surfaces, stories of depth await those who unriddle complex geometries.

The game’s website is play-shiro.com, and you can find previous devlogs here (discussing our workflow + design/story making) and here (how we researched in Japan and exhibited a prototype at Kyoto’s Bitsummit Festival).

We are Jasper and Isabel, together Topicbird, a two-human-one-spider studio you can find on Thetopicbird.com and Twitter.com.

In this devlog, we focus on the development of SHIRO’s materiality, UI and sound, and there’ll be another devlog out soon in which we dive into the small-business-side of things like how we’ve become a company in order to release a game on the Appstore.

Material — The resemblance of smart devices and lacquerware

The core idea for SHIRO’s design is that the aesthetics of modern smart devices and Japanese lacquerware are astonishingly alike: Both are glossy, both are useful and of high quality, both have the potential to be used for story telling. When living in Kyoto, we did not have the money to buy expensive lacquerware, but we went to stores often and looked at these beautiful objects. What if we made a game which would allow players to carry a small lacquer box in their pockets?

If you’re interested in how lacquerware is traditionally made, this video by Shoko Aono shows the work of Jihei Murase:

We used PBR materials in Unity (the Standard Shader) to create a realistic looking gold material. We experimented with scratches to make SHIRO’s subsurfaces look like used lacquer but eventually we simply used an unlit color as most smart devices have scratches anyway.

UI: turning the box

Even though SHIRO is inspired by Japanese lacquer boxes, it wasn’t possible to navigate the game in a manner that felt boxlike until very recently. Why did we hesitate to implement 3D-ish behaviour? Well, we’ve been super afraid of touching the corresponding code, because we knew the game wouldn’t work properly for a few days, plus there was a high risk of not succeeding at all. An important feature of SHIRO is that the material gold reflects dependent on the player’s movements (by using their devices’ gyroscope), so inserting 90° rotations on the y- and x-axis to turn a box could lead to unwanted behaviour easily. Another objection on our end was conceptual: We wanted our player’s devices to look and feel like a lacquer box and not put a 3D-box inside the device. We questioned our doubts by touching many objects, haha. What does using one’s hands to rotate and look at objects like boxes, bottles, mugs etc. from different angles feel like? What kind of behaviour do we expect from digital objects and surfaces, like browser interfaces? We developed a clearer idea on how to implement box mechanics into SHIRO without making the game look like a trapped 3D-box in a smartphone.

So finally, and with a good friend kicking our asses to do it, we did it! It took us three long days to figure out the basic code and a few more days to playtest and fix bugs. And it’s really been worth it, since we did not only learn a lot, but also made playing SHIRO a more intuitive experience. Here’s a little preview: Twitter.comTwitter.com Twitter.comTwitter.comTwitter.com

playtests & Testflight

Testflight is a program with which one can distribute not yet released iOS games among test players. Since players use their own device it’s a great way to find bugs and receive feedback after people dealt with a game on their own terms and without the makers of the game anxiously sitting next to them. The builds automatically deactivate after 90 days, so testplayers won’t have a not-great-version of the game forever and friends won’t tease you about funny bugs in a few years from now (or at least they won’t have proof then).

Working with Testflight helped us improve SHIRO a lot. It can be quite time consuming to upload new versions, which Apple will test for a few days each time, but it’s way easier to handle for testplayers than lengthy explanations on how to download an .apk and install it manually.

Aaand: fixing bugs

While we’ve been able to identify bugs very easily in the first few months of development it is more difficult to find them now as they are less obvious and sometimes appear irregularly or on some devices only. So we’ve been running around asking people what kind of devices they were using and if they wanted to test our game, or even let us spend some time with their device and SHIRO.

Sound: Unexpected Darkness

We’re working with sound artist Leonard Bahro, who developed far darker soundscapes for SHIRO than we had planned for initially, but — they really strengthen the emotional range of our story and add depth to the puzzles. Now the deep mumbling of the waves within KURO’s puzzles is interrupted by Japanese drums whenever players interconnect moons and drops. In the narrative parts of KURO, players activate Koto sounds that join into melodies when they find story parts.

Another exciting experience was to work with a Japanese friend whose voice reveals one word in Japanese each time a player solves a puzzle. SHIRO’s levels are ordered in star constellations and players can now hear the words they’ve already unlocked by tapping on the associated stars.

Thank you for reading

We also post about SHIRO on Thetopicbird.com and Twitter.com.

Post a comment
Sign in or join with:

Only registered members can share their thoughts. So come on! Join the community today (totally free - or sign in with your social account on the right) and join in the conversation.

Follow Report Profile
Icon
SHIRO
Platforms
iOS, Android
Developer & Publisher
Topicbird
Engine
Unity
Contact
Send Message
Homepage
Thetopicbird.com
Release date
Game watch
Follow
News
Browse
News
New
Post news
Report
Report
Views
81 (6 today)
Share
Related Games
SHIRO
SHIRO Puzzle
Related Engines
Unity
Unity Commercial
Related Groups
Android Fans
Android Fans Hardware & Tech with 484 members
Indie Devs
Indie Devs Hobbies & Interests with 1,602 members
Indie Gamers
Indie Gamers Hobbies & Interests with 1,481 members
iOS Gamers
iOS Gamers Hardware & Tech with 31 members
Topicbird
Topicbird Developer
Unity Devs and Gamers
Unity Devs and Gamers Hobbies & Interests with 1,764 members