118 lines
5.2 KiB
JavaScript
118 lines
5.2 KiB
JavaScript
/**************************************
|
||
文件名:language.js
|
||
功能:该模块用于处理主菜单语言相关内容
|
||
版本:2.0(23.01.08)
|
||
**************************************/
|
||
|
||
/**************************************
|
||
对象名:Language
|
||
参数:lang: 传入语言(zh_cn为中文,en为英文,jp为日文)
|
||
**************************************/
|
||
function Language(lang){
|
||
this.lang = lang;
|
||
}
|
||
|
||
/**************************************
|
||
方式名:langRender()
|
||
功能:根据语种渲染对应的语言
|
||
**************************************/
|
||
Language.prototype.langRender = function(){
|
||
switch (this.lang){
|
||
case "zh_cn":
|
||
this.chineseRender();
|
||
break;
|
||
case "en":
|
||
this.englishRender();
|
||
break;
|
||
case "jp":
|
||
this.japaneseRender();
|
||
break;
|
||
}
|
||
}
|
||
|
||
/**************************************
|
||
方式名:chineseRender()
|
||
功能:渲染中文
|
||
**************************************/
|
||
Language.prototype.chineseRender = function(){
|
||
document.querySelector(".menu").innerHTML = "扫雷";
|
||
document.querySelector(".start").innerHTML = "开始游戏";
|
||
document.querySelector(".tutorial").innerHTML = "新手教程";
|
||
document.querySelector(".leaderBoard").innerHTML = "排行榜";
|
||
document.querySelector(".exit").innerHTML = "退出游戏";
|
||
document.querySelector(".diffCon").innerHTML = "难度选择";
|
||
document.querySelector(".easy").innerHTML = "简单";
|
||
document.querySelector(".hard").innerHTML = "困难";
|
||
let back = document.querySelectorAll(".back");
|
||
for (let i = 0; i < back.length; i++){
|
||
back[i].innerHTML = "返回";
|
||
}
|
||
document.querySelector(".tutoCon").innerHTML = "新手教程";
|
||
document.querySelector(".tutor").innerHTML =
|
||
`<P>点击鼠标左键敲开方块</P>
|
||
<p>如果触发了地雷,游戏结束</p>
|
||
<p>如果出现数字,则意味着周围有对应数字的地雷数</p>
|
||
<p>如果是空白,则周围无地雷</p>
|
||
<p>鼠标右击标记你怀疑是地雷的方块</p>
|
||
<p>再右击一次可以取消标记</p>
|
||
<p>敲开所有非地雷方块,赢得最终胜利</p>`;
|
||
document.querySelector(".leaderCon").innerHTML = "排行榜";
|
||
}
|
||
|
||
/**************************************
|
||
方式名:englishRender()
|
||
功能:渲染英文
|
||
**************************************/
|
||
Language.prototype.englishRender = function(){
|
||
document.querySelector(".menu").innerHTML = "Minesweeper";
|
||
document.querySelector(".start").innerHTML = "Start Game";
|
||
document.querySelector(".tutorial").innerHTML = "Tutorial";
|
||
document.querySelector(".leaderBoard").innerHTML = "Leaderboard";
|
||
document.querySelector(".exit").innerHTML = "Exit";
|
||
document.querySelector(".diffCon").innerHTML = "Difficulty";
|
||
document.querySelector(".easy").innerHTML = "Easy";
|
||
document.querySelector(".hard").innerHTML = "Hard";
|
||
let back = document.querySelectorAll(".back");
|
||
for (let i = 0; i < back.length; i++){
|
||
back[i].innerHTML = "Back";
|
||
}
|
||
document.querySelector(".tutoCon").innerHTML = "Tutorial";
|
||
document.querySelector(".tutor").innerHTML =
|
||
`<P>Click the left mouse button to crack open the square</P>
|
||
<p>If a mine is triggered, the game is over</p>
|
||
<p>If a number appears, it means that the number of mines with the corresponding number is around</p>
|
||
<p>If blank, there are no mines around</p>
|
||
<p>Right mouse click on the square that marks what you suspect is a mine</p>
|
||
<p>Right click again to unmark</p>
|
||
<p>Knock out all the non-mine squares to win the final victory</p>`;
|
||
document.querySelector(".leaderCon").innerHTML = "Leaderboard";
|
||
}
|
||
|
||
/**************************************
|
||
方式名:japaneseRender()
|
||
功能:渲染日语
|
||
**************************************/
|
||
Language.prototype.japaneseRender = function(){
|
||
document.querySelector(".menu").innerHTML = "マインスイーパー";
|
||
document.querySelector(".start").innerHTML = "スタート";
|
||
document.querySelector(".tutorial").innerHTML = "私は初心者";
|
||
document.querySelector(".leaderBoard").innerHTML = "リーダーボード";
|
||
document.querySelector(".exit").innerHTML = "ゲーム終了";
|
||
document.querySelector(".diffCon").innerHTML = "難易度";
|
||
document.querySelector(".easy").innerHTML = "簡単";
|
||
document.querySelector(".hard").innerHTML = "難しい";
|
||
let back = document.querySelectorAll(".back");
|
||
for (let i = 0; i < back.length; i++){
|
||
back[i].innerHTML = "戻る";
|
||
}
|
||
document.querySelector(".tutoCon").innerHTML = "チュートリアル";
|
||
document.querySelector(".tutor").innerHTML =
|
||
`<P>マウスの左ボタンで四角を発動します</P>
|
||
<p>地雷が発生したらゲームオーバー</p>
|
||
<p>数字が表示された場合、その数字に対応する地雷の数が周辺にあることを意味します</p>
|
||
<p>空白の場合、地雷はありません</p>
|
||
<p>地雷と思われるマークをマウスの右ボタンでクリックする</p>
|
||
<p>もう一度右クリックすると、マークが消えます</p>
|
||
<p>地雷のないマスをすべてトリガーにして最終的に勝利する</p>`;
|
||
document.querySelector(".leaderCon").innerHTML = "リーダーボード";
|
||
} |