function showQuestion(){
    fill("silver");
    setAlp(50);
    fRect(50, 50, 855, 100, "black");
    fRect(45, 295, 860, 560, "white");
    fRect(50, 300, 400, 250, "black");
    fRect(500, 300, 400, 250, "black");
    fRect(50, 600, 400, 250, "black");
    fRect(500, 600, 400, 250, "black");

    setAlp(100);

    fText("Q.", 110, 100, 40, "white");

    fText("A.", 100, 425, 40, "white");
    fText("B.", 550, 425, 40, "white");
    fText("C.", 100, 725, 40, "white");
    fText("D.", 550, 725, 40, "white");

    fText(question[round].question, 480, 100, 30, "white");    
    fText(question[round].choiceA, 275, 425, 25, "white");
    fText(question[round].choiceB, 725, 425, 25, "white");
    fText(question[round].choiceC, 275, 725, 25, "white");
    fText(question[round].choiceD, 725, 725, 25, "white");


    fText((round+1) + "回戦", 100, 1000, 50, "red");
    fText("現在の点数： " + player.score + " Pt", 700, 1000, 50, "black");

    if(scene == GAME_SCENE){
        setAlp(50);
        sRect(45, 880, 865, 40, "black");
        fRect(45, 880, (timer/900)*865, 40, "red");
        setAlp(100);
        fText(int(timer/30), 900, 1100, 50, "red");
    }
    if(scene == ROUND_RESULT){
        fText(CheckPeople(A, round) +"人", 275, 425, 50, "black");
        fText(checkOrder(A, round) + "Pt", 400, 500, 50, "black");
        fText(CheckPeople(B, round)+"人", 725, 425, 50, "black");
        fText(checkOrder(B, round) + "Pt", 850, 500, 50, "black");
        fText(CheckPeople(C, round)+"人", 275, 725, 50, "black");
        fText(checkOrder(C, round) + "Pt", 400, 800, 50, "black");
        fText(CheckPeople(D, round)+"人", 725, 725, 50, "black");
        fText(checkOrder(D, round) + "Pt", 850, 800, 50, "black");
    }
    if(scene == WAIT_SCENE){
        setAlp(50);
        fRect(200, 475, 560, 200, "#208")
        sRect(200, 475, 560, 200, "black")
        setAlp(100)
        fText("集計中...", 500, 575, 80, "white");
    }    
}

function inputName(){
    fill("silver");

    fRect(50, 50, 855, 100, "black");

    fText("美人投票ゲーム", 480, 100, 80, "white");
    setAlp(50);
    fText("あなたの名前を入力してください", 480, 200, 50, "black");

    setAlp(20);
    fRect(100, 800, 760, 300, "black");
    setAlp(100);
    fTextN("ルール1\nルール2\nルール3\nルール4", 480, 950, 200, 50, "white");


    if(tapC == 1){
        tapC ++;

        if(200 <= tapX && tapX <= 760 && 500 <= tapY && tapY <= 700){
            player.name = document.getElementById('textBox').value;
            document.getElementById('textBox').style.display = 'none';
            sendName();
        }
    }
    
    if(scene == START_SCENE){
        fRect(200, 500, 560, 200, "black");
        sRect(200, 500, 560, 200, "blue");
        setAlp(100);
        fText("ゲームに参加", 480, 600, 50, "white");
    }
    if(scene == CAPASITY_ERROR){
        fTextN("次のゲームが始まるまで\nお待ちください...", 480, 500, 100, 50, "red");   
    }

}

// 他のプレイヤーが名前を書くのを待機(nemoto変更)
function WaitStart(){
    fill("silver");

    fRect(50, 50, 855, 100, "black");

    fText("美人投票ゲーム", 480, 100, 80, "white");
    setAlp(50);
    fText("あなたの名前を入力してください", 480, 200, 50, "black");

    setAlp(100);
    fText("参加予定者:" + max_player + "人", 480, 300, 50, "black");
    fText("現在の参加者:" + current_player + "人", 480, 400, 50, "black");
    fText("参加者が揃うまでお待ちください...", 480, 500, 50, "red");
    if(player.number == 0){
        fRect(200, 580, 560, 200, "black");
        sRect(200, 580, 560, 200, "blue");
        setAlp(100);
        fText("ゲーム開始！", 480, 680, 50, "white");
        if(tapC == 1){
            tapC ++;
            if(200 <= tapX && tapX <= 760 && 580 <= tapY && tapY <= 780){
                sendStart();
                console.log("GAMESTART");
            }
        }
    }
    
    setAlp(20);
    fRect(100, 800, 760, 300, "black");
    setAlp(100);
    fTextN("ルール1\nルール2\nルール3\nルール4", 480, 950, 200, 50, "white");
}

function showResult(){
    fill("silver");
    setAlp(50);
    fRect(50, 50, 855, 100, "black");
    fText("結果発表 ", 480, 100, 80, "white");

    fRect(45, 370, 865, 700, "white");
    fText("順位", 150, 410, 50, "black");
    fText("ユーザー名", 390, 410, 50, "black");
    fText("スコア", 730, 410, 50, "black");
    
    if(scene == RESULT_SCENE){
        fText(player.name+"さんのスコアは" + player.calcScore() + "点です!", 480, 200, 50, "gold");      
        let splitOrder = orderTable.split("\n");
        for (var i = 0; i < splitOrder.length; i++){
            let arr = splitOrder[i].split(" "); // 空白で文字列を分割
            if(arr[0]=="1位"){
                fText(arr[0], 150, 480+60*i, 50, "gold");
            }
            else if(arr[0]=="2位"){
                fText(arr[0], 150, 480+60*i, 50, "silver");
            }
            else if(arr[0]=="3位"){
                fText(arr[0], 150, 480+60*i, 50, "#8c4841");
            }
            else{
                fText((i+1)+"位", 150, 480+60*i, 50, "black");
            }
            fText(arr[1], 390, 480+60*i, 50, "black");
            fText(arr[2], 730, 480+60*i, 50, "black");
        } 
    }
    fText("結果", 100, 1100, 50, "red");
    for(var i = 0; i < MAX_ROUND; i ++){
        fText((i+1), 480 + 50*i, 1100, 50, "black");
    }
}

function showOtherResult(show_click_round){
    fill("silver");
    setAlp(50);
    fRect(50, 50, 855, 100, "black");
    fRect(45, 295, 860, 560, "white");
    fRect(50, 300, 400, 250, "black");
    fRect(500, 300, 400, 250, "black");
    fRect(50, 600, 400, 250, "black");
    fRect(500, 600, 400, 250, "black");

    setAlp(100);

    fText("Q.", 110, 100, 40, "white");

    fText("A.", 100, 425, 40, "white");
    fText("B.", 550, 425, 40, "white");
    fText("C.", 100, 725, 40, "white");
    fText("D.", 550, 725, 40, "white");

    fText(question[show_click_round].question, 480, 100, 30, "white");    
    fText(question[show_click_round].choiceA, 275, 425, 25, "white");
    fText(question[show_click_round].choiceB, 725, 425, 25, "white");
    fText(question[show_click_round].choiceC, 275, 725, 25, "white");
    fText(question[show_click_round].choiceD, 725, 725, 25, "white");

    fText(CheckPeople(A, show_click_round) +"人", 275, 425, 50, "black");
    fText(checkOrder(A, show_click_round) + "Pt", 400, 500, 50, "black");
    fText(CheckPeople(B, show_click_round)+"人", 725, 425, 50, "black");
    fText(checkOrder(B, show_click_round) + "Pt", 850, 500, 50, "black");
    fText(CheckPeople(C, show_click_round)+"人", 275, 725, 50, "black");
    fText(checkOrder(C, show_click_round) + "Pt", 400, 800, 50, "black");
    fText(CheckPeople(D, show_click_round)+"人", 725, 725, 50, "black");
    fText(checkOrder(D, show_click_round) + "Pt", 850, 800, 50, "black");
    
    fText("結果", 100, 1100, 50, "black");
    for(var i = 0; i < MAX_ROUND; i ++){
        if(i == show_click_round){
            fText((i+1), 480 + 50*i, 1100, 50, "red");
        }
        else{
            fText((i+1), 480 + 50*i, 1100, 50, "black");
        }
            
    }
}


function CheckPeople(i, show_round){
    let question_values = [int(question[show_round].answer[0]), int(question[show_round].answer[1]), int(question[show_round].answer[2]), int(question[show_round].answer[3])]
    let people_values = [int(question[show_round].people[0]), int(question[show_round].people[1]), int(question[show_round].people[2]), int(question[show_round].people[3])]
    let index = question_values.indexOf(i);
    if (index !== -1) {
        return people_values[index];
    } else {
        return 0;
    }
}

function checkOrder(choice, show_round){

    var j = 0;// 選択した人数が同じ数のpoint調整変数
    for(var i = 0; i < CHOICE_NUMBER; i ++){
        // 各選択肢の該当人数が同じとき
        if (i>=1){
            if(question[show_round].people[i]==question[show_round].people[i-1]){
                j ++;
            }
        }
        // 未選択を選んだ場合
        if(choice == question[show_round].answer[i]){
            // 未選択を選んだ場合(E==4)
            if(choice == 4){
                return 0;
            }
            else{
                return 4-i+j;                
            }
        }
    }
    return 0;
}