Last day I tried to enjoy the English games on my mobile. It didn’t work very well Some of you didn’t release your inform 7 games with a website, and didn’t upload that website to itchio to allow online play. Others have done that, but it seems you didn’t set properly the itchio options so the games work well in mobile.
This surprised me because the Spanish version of Tuuli works really nice in desktop and mobile playing online, so I think I’m gonna share my options and tricks so all of you could get more accessibility for your ectocomp games. As we can see with the IFComp, nowadays, accessibility is very important to reach more players.
So, first… how to release a game of Inform 7 for optional play in itchio:
Release along with an interpreter and cover art.
This will drop in the materials folder of the project the usual website generated by Inform 7.
It is important to not to release along with source code, last time I tried itchio didn’t get very well with it.
Also the default homepage released by I7 is just one more step that gets in the way of your players and your game. You can do a trick that is to delete the index.html file and rename the play.html to index, so it is the very main file to play your game. Also you must edit that play.html to erase the link to the homepage. With that you wil have the game directly running in itchio without more gates.
Now onto the itchio options:
Try checking the following options. Mobile friendly, Add fullscreen button, Enable scrollbars. Check them all.
“Mobile friendly” is important because if you set the viewport to wide, mobile playing will switch automatically to landscape orientation, and that doesn’t work very well with the Inform 7 generated website. On the contrary, setting that option will allow Inform 7 template to behave with responsivity, hiding the sidebar to allow perfect gameplay (parchment and quixe run so smooth on mobile now. Kudos to the developers. Really, really, thank you).
Those options allow that mobile users navigate your twine games (or generally any hypertext), even when they are not responsive per se.
Also, take care in not to set a viewport too high for some standards. If you set a height too tall for normal monitors, people will struggle to pan with the scroll bar to play. Set the viewport dimensions to something safe and standard, 800 x 600, 1024 x 768, are safe bets. Of course, having the fullscreen button solves all these problems.
That’s all, thanks for listening.