ゲームの中の擬音:ドン・カチ・ポンを文字で出す意味
遊びを見つける執筆にClaudeを使用しています。

電車の中でスマートフォンのゲームを開き、音を出せない状況を考えてみます。太鼓を叩くたびに画面へ「ドン」と大きな文字が出れば、叩けたことは伝わります。では、その「ドン」は音の代わりになっているのでしょうか。それとも、音とは別の情報を運んでいるのでしょうか。この記事は、この問いを仕組みの面から確かめます。 結論を先に言うと、文字の擬音が代わりになる音の情報と、代わりになれない音の情報があります。代わりになるのは「何が起きたか」と「どんな質感か」です。代わりになれないのは「正確な高さ」「ぴったりのタイミング」「余韻の細かな形」です。この線引きを知っておくと、遊ぶ人は音なしの環境で何を頼りにするかを選べます。作る人は、擬音の文字を置くか、置くならどこまで任せるかを決められます。 後半では、読者が自分で行える比較の手順と、そのための短いコードも示します。結果は読者の手元で出るもので、この記事が先に答えを書くことはありません。
擬音が運ぶもの、運べないもの
ゲームの音は、いくつかの情報に分けられます。
- 出来事の種類:何が当たったのか、押せたのか、成功したのか
- 質感:硬いか柔らかいか、重いか軽いか
- 強さ:大きいか小さいか
- タイミング:いつ鳴ったか
- 高さと音色:どの音程か、どんな楽器の響きか
- 長さと余韻:すぐ消えるか、伸びて残るか
日本語の擬音語(音をまねた言葉)は、このうち出来事の種類、質感、強さを短い文字列に詰め込めます。「ドン」は重く大きい衝撃、「カチ」は小さく硬い短い接触、「ポン」は軽く丸い弾みを思わせます。濁音は大きく重い印象と結びつきやすく、清音は小さく軽い印象と結びつきやすいと、音と語感の関係を扱う話題で一般に言われます。ただし、これは傾向であって決まりではありません。
小さい「ッ」や伸ばす音も手がかりになります。「ポン」と「ポーン」では、後者のほうが余韻が長い印象になります。長さの違いは、文字の数や伸ばし棒でおおまかに表せます。
反対に、文字が運べないものもあります。「ポン」と書かれていても、ドなのかソなのかは分かりません。フェルトの柔らかい音とガラスの硬質な音のような、音色の細かな違いも、2文字ほどでは表しきれません。さらに、文字は目で読むものです。見て、読み取り、意味に変えるまでに時間がかかります。耳に届く音が先に決める「今だ」という瞬間の感覚は、文字だけでは同じ精度になりません。
文字が音の代わりになる場面
文字の擬音が力を発揮するのは、出来事の確認が目的の場面です。
ボタンを押した、アイテムを取った、ミスをした。こうした合図は、音がなくても「何が起きたか」が分かれば足ります。「カチ」と出れば押せたと分かり、「ガシャン」と出れば失敗の重さが伝わります。音を出せない環境や、音が聞こえにくい人にとっては、視覚での確認が実質的な手がかりになります。
公式作品では、「こだまの森」が音なしでも遊べると確認されています。光る葉の順番を覚えて4つの音色で返す記憶ゲームですが、音を切っても遊べる設計です。ここから読み取れるのは、順番の記憶が光という視覚の情報だけでも成立するように作られているらしい、という点です。一方で、音色が答え合わせや手がかりとして働く場面が音なしでどう変わるかは、確認済みの情報にありません。この部分は作品を開いて、音を切った状態で遊んで確かめてください。
文字が音の代わりになる場面を整理すると、次のようになります。
- 成功・失敗・取得など、出来事の種類を知らせたいとき
- 重い・軽い、強い・弱いといった質感の差を対比させたいとき
- 音を出せない環境や、音が聞こえにくい状況でも同じ情報を届けたいとき
- 音の出る場面でも、見落としを減らすために二重に知らせたいとき
どれも「この合図が出たら分かる」という性質の情報です。ここでは擬音の文字が、音の代用品ではなく視覚の合図として働いています。
文字が代わりにならない場面
次に、文字では足りない場面です。
音の高さが遊びの中心になるとき
音階や旋律は、文字ではほとんど表せません。「雨音のピアノ」は、フェルトとガラスの2音色、3段階のタッチ、余韻の切り替えを備えています。3音から8音へ育つフレーズの記憶ゲームもあります。この遊びの核は、どの音がどの順で鳴ったかを耳で覚えて返すことです。擬音で「ポン、ポン、ポーン」と出しても、高さの情報がないので記憶の手がかりになりません。この作品が音を中心に据えた設計であることは、音色・タッチ・余韻という機能の並びから読み取れます。
「WAVE / WAVE」も同様に考えられます。4つの音を16ステップに並べてループ再生するリズムスタジオです。リズムは「ドン・カッ・ドン・カッ」のように文字でも書き表せます。けれども、ループの中で音が重なり合う感覚や、スウィング(拍の揺らし)の気持ちよさは、聞かないと分かりません。
反応の速さを競うとき
文字は読むのに時間がかかります。「時計じかけの台所」では、針が緑の範囲に来たら止めます。この種の場面で「ポン」と文字が出てから反応していては、針はもう通り過ぎています。反応のきっかけとしては、動きや色の変化のほうが直接的です。どの合図が実際に使われているかは作品を開いて確かめるしかありませんが、少なくとも「文字を読んでから動く」流れは、速い判断が要る場面と相性がよくありません。
余韻を聞かせたいとき
「ポーン」と伸ばしても、音が減衰していく速さや、消え際の質感までは伝わりません。余韻そのものを味わう遊びでは、文字は補助にとどまります。
自分で確かめる比較の手順
「文字の擬音は本当に役に立つのか」は、自分で比較すると分かります。次のような設計にしてみてください。
問い: 音と擬音の文字を、それぞれ出す・出さないで切り替えたとき、プレイの正確さや気づきやすさは変わるか。
準備するもの:
- 擬音の文字と音を個別に切り替えられる簡単なページ(下のコードが使えます)
- 記録用の紙か表計算
- できれば、結果を知らない協力者(ひとりで行う場合は後述の注意を参照)
条件は4つです。
- A、音:あり、文字:あり
- B、音:あり、文字:なし
- C、音:なし、文字:あり
- D、音:なし、文字:なし
手順:
- 課題を決めます。たとえば「ランダムな間隔で鳴る合図に気づいたらボタンを押す」「合図の種類を3つ用意し、どれが出たかを答える」などです。
- 条件ごとに同じ回数ずつ行います。1条件あたり10回以上、できれば3セットずつ取ります。
- 毎回、合図から反応までの時間と、種類の答えの正誤を記録します。
- 条件の順番は毎回入れ替えます。A→B→C→Dの固定にすると、慣れの影響が結果に混ざります。
結果の読み方:
- CがDより明らかによければ、文字が音なしの環境で出来事の確認に役立っています。
- CがAやBに近ければ、出来事の確認という目的では、文字は音の代わりを果たしています。
- 種類を3つから6つ、10個と増やしたときにCだけ正答が落ちるなら、文字が運べる区別の数には限りがあると読めます。
- 反応時間でCがBより遅いなら、文字を読む時間が反応を遅らせています。
起こりやすい誤り:
- 同じ人が続けて行うと、課題そのものに慣れて後半の条件が有利になります。順番の入れ替えで対策してください。
- 少ない回数での比較は、偶然の差を拾いやすくなります。差が小さいときは、回数を増やして再確認します。
- 画面の隅に文字を出すと、見落としが増えます。位置を変えると結果が変わるので、位置は固定して比べます。
文字と音の切り替えを確かめるための、単独で動く最小のページを示します。保存して開けば動きます。
<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<button id="b">たたく</button>
<label><input type="checkbox" id="t" checked> 文字</label>
<label><input type="checkbox" id="s" checked> 音</label>
<div id="fx" aria-live="polite" style="min-height:3em;font-size:2em"></div>
<script>
const fx=document.getElementById('fx');
const t=document.getElementById('t'), s=document.getElementById('s');
const ctx=new (window.AudioContext||window.webkitAudioContext)();
function beep(){
const o=ctx.createOscillator(), g=ctx.createGain();
o.frequency.value=180;
g.gain.setValueAtTime(0.4,ctx.currentTime);
g.gain.exponentialRampToValueAtTime(0.001,ctx.currentTime+0.25);
o.connect(g); g.connect(ctx.destination);
o.start(); o.stop(ctx.currentTime+0.25);
}
document.getElementById('b').onclick=()=>{
if(s.checked){ctx.resume(); beep();}
if(t.checked){
fx.textContent='ドン';
setTimeout(()=>fx.textContent='',600);
}
};
</script>文字は動かさず、出して消すだけの作りです。画面の動きが苦手な人や、「動きを抑える」設定を使う人にも負担をかけにくい出し方です。
作る人のための判断基準
自作のゲームに擬音の文字を入れるかどうかは、次の順で考えると決めやすくなります。
- その音は何の情報を運んでいるか。 出来事の合図なら、文字や色で置き換えられます。音高や旋律が中心なら、文字は補助にとどめます。
- 音がないときに困る場面はどこか。 音なしで遊ばれる可能性を前提に、そこだけ視覚の合図を足します。全部の音に文字を付ける必要はありません。
- 文字を読む時間がプレイを妨げないか。 速い反応が要る場面では、文字より色や形の変化のほうが向くことがあります。短く、数文字で、視線の中心から遠すぎない位置に出します。
- 文字を動かしすぎないか。 揺れる、弾む、拡大するといった動きは、「動きを抑える」設定を選ぶ人には負担になりえます。固定表示や短いフェードで済む表現も検討してください。
- 音のあるなしで遊びが壊れないか。 音だけが答えの手がかりになる設計にすると、音を切った人が遊べません。「こだまの森」のように、音なしでも遊べる経路を用意しておくと、遊べる人が増えます。
アソバースに投稿する場合、ゲームはsandbox付きのiframeで実行されます。ページ内で完結する文字表示とWeb Audioの組み合わせは、そのまま入れやすい構成です。ただし、ブラウザの仕様で音は最初の操作の後でないと鳴らないことがあります。上のコードでも、ボタンを押した時点で再開する処理を入れています。実際の挙動は、投稿前の表示確認で自分の環境に加えて、できれば別の環境でも確かめてください。
保護者や学習者の視点では、擬音の文字は日本語のオノマトペに触れる入口にもなります。「ドン」と「トン」、「カチ」と「ガチ」の違いを、実際の音と見比べて考えられるからです。ただし、それで語彙が伸びるかどうかは、この記事で断言できることではありません。気になる場合は、教育の専門家や学校の案内を参照してください。
次の行動
まず「こだまの森」を、音を切った状態と入れた状態の両方で開き、どの手がかりで答えているかを確かめてください。次に、上のコードで4条件の比較を一度行います。自作の作品がある場合は、音で知らせている合図を書き出し、「出来事」「音高」「タイミング」のどれを運んでいるかに分けてみてください。文字で補える合図と補えない合図の区別が、見えてくるはずです。

