「見えているのに反応しない所」をなくした話
このサイトのゲームは、画面のいちばん下に広告の帯を置いています。スマホを縦に持って遊ぶゲームが多いので、指をたくさん動かす画面のすぐ下に広告があることになります。ここで気をつけたいのが、まちがって広告を押してしまうことです。
最初に作った形
最初は、広告から離すために、ゲームの画面の下の方を「さわっても反応しない所」にしました。たとえば『しなしなガン』では、画面の下に自分の手と水鉄砲が見えています。その部分は見えているけれど、さわっても何も起きない、という作りです。
広告からは十分に離れるので、まちがって押す心配は小さくなりました。
それでやめた理由
ところが、遊んでみるとすぐに問題が分かりました。見えている所をさわって反応しないと、遊ぶ人は「こわれている」と思ってしまいます。特にはじく系のゲームは、画面のどこからでも指を動かしたくなるので、下の方から始めたはじきが無視されると、とても気持ちが悪いです。
そこで、考え方を変えました。
- ゲームの画面と、さわって反応する所を、ぴったり同じにする
- 反応しない所は、ゲームの画面の外に置く
- ゲームの画面と広告のあいだには、何もない帯(すき間)をあける
今はどのゲームも、ゲームの画面と広告のあいだに同じ幅のすき間をあけて、そろえています。
確かめていること
広告のまわりを作った時は、次のことを毎回確かめています。
- 大きいスマホ・小さいスマホ・パソコンで、すき間の幅が変わらないこと
- 画面のいちばん下から指を動かしても、ちゃんと反応すること
- すき間をさわっても、ゲームにも広告にも届かないこと
- 広告が出ない時は、広告の枠をかくすこと
「安全のために反応しない所を作る」のは、作る側から見ると正しそうに見えます。でも、遊ぶ人から見ると「見えている所は全部さわれる」方が自然でした。画面に見えているものと、できることを一致させる。小さなことですが、これからも守っていきたい決まりです。
この記事のゲーム
しなしなガンやる気のない水鉄砲で、ゾンビの夜を生きのびる2026年10月15日 公開
はじきエレベーターはじいて飛ばして、ぴったり止めろ2026年10月12日 公開
アンブレード相手を見てから傘を描く、6人抜き傘チャンバラ2026年10月12日 公開
ほかの日記
- 2026年10月19日作ってから、やめた仕掛けの話一度は作ったり選んだりしたけれど、遊んでみて外したもの。ゲームを作る時は、足すよりも削る方が多いかもしれません。
- 2026年10月19日「描いた形がそのまま性能になる」ゲームを作って気づいたこと傘を描く『アンブレラン』『アンブレード』、銃口を描く『しなしなガン』、空に描く『ソラガキ』。描かせるゲームを続けて作って分かったこと。
- 2026年10月19日音のファイルを1つも使わずに、曲を鳴らす『しなしなガン』の曲と効果音は、遊んでいるその場でブラウザが作っています。そうした理由と、気をつけたこと。
広告