利用者:ナムコォッ！/test
ナビゲーションに移動
検索に移動
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>テスト</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
.center {
text-align: center;
}
p {
font-family: DotGothic16;
position: absolute;
top:0;
left:1;
font-size:30px;
color: white;
padding:0;
margin:0;
}
.image1 {
height: 620px;
width: 1300px;
}
.audio1 {
display: none;
}
</style>
<script>
var i = 0;
var moji1 = "ゲーム開始前に：\nブラウザで音声の自動再生がオンになっている事を確認して下さい。\n\n操作方法：\nEnter：台詞送り\nA~Dキー：選択肢選択";
function printMoji1() {
document.getElementById("text").innerText = moji1.substring(0, i++);
if (i <= moji1.length) {
setTimeout(printMoji1, 50);
}
}
document.addEventListener('keydown', function(event) {
if (event.code === "Enter" && i < moji1.length) { //文章が全て表示されていない場合にEnterキーを押して表示する
i = moji1.length;
printMoji1();
} else if (event.code === "Enter" && moji1 === "ゲーム開始前に：\nブラウザで音声の自動再生がオンになっている事を確認して下さい。\n\n操作方法：\nEnter：台詞送り\nA~Dキー：選択肢選択") {
moji1 = "それでは、ゲームスタートです。";
i = 0;
printMoji1();
} else if (event.code === "Enter" && moji1 === "それでは、ゲームスタートです。") {
let img = document.getElementById("image1");
img.src = "";
var audio = document.getElementById("music1");
window.addEventListener('load', function() {
audio.play();
});
moji1 = "てすと\nA：てすと2\nB：てすと3";
i = 0;
printMoji1();
} else if (event.code === "KeyA" && moji1 === "てすと\nA：てすと2\nB：てすと3") {
moji1 = "てすと2";
i = 0;
printMoji1();
} else if (event.code === "KeyB" && moji1 === "てすと\nA：てすと2\nB：てすと3") {
moji1 = "てすと3";
i = 0;
printMoji1();
}
}, false);
document.addEventListener('DOMContentLoaded', printMoji1);
</script>
</head>
<body bgcolor="#000000">
<img class="image1" id="image1">
<p class="text" id="text"></p>
<audio id="music1" class="audio1" autoplay>
<source src="./media/Winter1.mp3" type="audio/mpeg">
</audio>
</body>
</html>