ページ 11

プラグイン「キーボードでテキストフォーム入力」をスマホで反応させる方法

Posted: 2023年5月02日(火) 16:01
by 忸怩ン
ツクールMVで、111様、くらむぼん様製作の「111_InputForm.js( viewtopic.php?t=1937 )」を使用したゲームを作っている者です。

iOSのブラウザ(Safari・Chrome)でゲームをプレイした際、ゲーム画面外にはみ出ている入力フォームの一部分だけしか反応せず困っております。
入力フォームをゲームの画面内でもタップで反応させる(→文字入力画面を出す)にはどのように変更すれば宜しいでしょうか?皆様のお力をお貸しいただきたく存じます……
111_InputForm.js自体に手は加えておりません。


以下①②は現在使用しているプラグインコマンド、cssです。
(決定ボタンはゲーム画面の裏に隠しております。言語には疎いので適切でないかもしれません……)


コード: 全て選択

InputForm y=620;max=20;

コード: 全て選択

/* ここからは、テキストフォームのデザインに関する設定です。 */
#_111_input{
    position: absolute; /* */
  left : 5%;
	z-index:999; /* */
  font-size: calc(6px + 64 * (100vw - 100px) / 1920); /* ←この数字は文字の大きさを表しています */
	width : 90%; /* ←この数字はウインドウの幅を表しています */
	height : 10%; /* ←この数字はウインドウの高さを表しています */


	font-weight:bold;
    color: #f8f8f8;
    text-align: center;
    text-shadow: black 2px 2px 0px, black -2px 2px 0px,
                 black 2px -2px 0px, black -2px -2px 0px;
    font-family: GameFont;

    border-radius: 12px 12px 12px 12px;
    background: rgba(0,0,0, 0.5);
}
/* ここからは、決定ボタンのデザインに関する設定です。 */
#_111_submit{
	position: absolute; /* */
	z-index:0; /* */
	font-size: 0px; /* ←この数字は文字の大きさを表しています */
  left : 50%;
  bottom : 50%;

	/* font-weight:bold;
    color: #f8f8f8;
    text-shadow: black 1px 1px 0px, black -1px 1px 0px,
                 black 1px -1px 0px, black -1px -1px 0px;
    font-family: GameFont; */

    border:none
}

:focus {
    outline: none;
}