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 article RSS Articles


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.

Developing SHIRO

Developing SHIRO

News

Some thoughts on our workflow and the progress we made regarding UI, Design, Story and Sound of our puzzlegame SHIRO.

Comments
Guest
Guest

This comment is currently awaiting admin approval, join now to view.

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
Share
Style
Genre
Puzzle
Theme
History
Players
Single Player
Project
Indie
Twitter

Latest tweets from @thetopicbird

RT @isipaehr: hi #indiedevhour, after many tests with different cjk & latin fonts i chose Noto for my game SHIRO🜚 @thetopicbird.… T.co

May 16 2018

we're on @gamejolt now and reposted our latest #devlog about the mechanics behind our game SHIRO:… T.co

May 15 2018

RT @auriea: Dear Hivemind, can you suggest some good books on game design, #gamedev, game culture for students? Critical texts… T.co

May 10 2018

our studio is open until 7pm today! #atelierrundgang #kassel #exhibiting T.co

May 5 2018

Hey #indiedevhour, we are fixing our paper-made #studio floor. What are you fixing? #DIY #literature #bugfixing T.co

May 2 2018

We & jumping spider Cyan await you at #Kassel #Atelierrundgang this saturday. You can testplay our #game SHIRO & se… T.co

May 2 2018

Embed Buttons
Link to SHIRO by selecting a button and using the embed code provided more...
SHIRO
Statistics
Visits
713 (2 today)
Last Update
Watchers
1 member
Articles
2
Got it!

We have recently updated our privacy policy and terms of use in-line with GDPR requirements. More Info?