Me, caught between two lily-livered sisters's game

Click here for free DL of the app version that can save data.

No:520

203

←

Prev Next

→

Me, caught between two lily-livered sisters
Developer User3008｜Date and time 23/6/15 6:17:01
Build time 46.082 sec｜Game capacity 3.934KB｜

Script

は、ミニゲームです。スマホで遊ぶことができます。ゲームの概要：百合姉妹の間に挟まるあなたは、逃げるゲームです。百合姉妹があなたを捕まえないように、画面をタップしてジャンプして進みます。ランダムに配置された障害物をジャンプしてお姉さんたちを避け、最高スコアを目指しましょう。以下がプログラムです。

SCORE: 0

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

は、ミニゲームです。スマホで遊ぶことができます。

ゲームの概要：
百合姉妹の間に挟まるあなたは、逃げるゲームです。百合姉妹があなたを捕まえないように、画面をタップしてジャンプして進みます。
ランダムに配置された障害物をジャンプしてお姉さんたちを避け、最高スコアを目指しましょう。

以下がプログラムです。

<html>
<head>
    <title> 百合姉妹の間に挟まる僕 </title>
    <style>
    #canvas{
        background: #e6e6e6;
        display: block;
        margin: auto;
    }

.score{
        font-size: 24px;
        font-weight: bold;
        text-align: center;
    }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>

<div class="score"> SCORE: 0 </div>

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

//文字表示用の変数
    let score = 0;

//プレイヤーの情報
    let player = {
        x: 50,
        y: 0,
        jumpForce: 20,
        width: 50,
        height: 50,
        vy: 0
    }

//障害物の情報
    let obstacles = [];

//スコアアップ用の関数
    function scoreUp(){
        score++;
        document.querySelector(".score").innerHTML = "SCORE: " + score;
    }

//障害物の生成
    function generateObstacle(){
        let obstacle = {
            x: canvas.width + 50,
            y: canvas.height - Math.random() * 100 - 70,
            width: 70,
            height: 70
        }

obstacles.push(obstacle);
    }

//プレイヤーのジャンプ
    function jump(){
        player.vy = -player.jumpForce;
    }

//ゲームのメイン処理
    function game(){
        //キャンバスの初期化
        ctx.clearRect(0,0, canvas.width, canvas.height);

//プレイヤーの移動
        player.y += player.vy;
        player.vy += 1.5;

//画面端に行ったら返す
        if(player.y + player.height > canvas.height){
            player.y = canvas.height - player.height;
            player.vy = 0;
        }

//障害物を移動して表示
        for(let i=0; i<obstacles.length; i++){
            obstacles[i].x -= 5;
            ctx.fillStyle = "#000";
            ctx.fillRect(obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);

//プレイヤーが障害物に当たり判定
            if(player.x < obstacles[i].x + obstacles[i].width &&
            player.x + player.width > obstacles[i].x &&
            player.y < obstacles[i].y + obstacles[i].height &&
            player.y + player.height > obstacles[i].y){
                alert("GAME OVER");
                location.reload();
            }

//スコアアップ処理
            if(obstacles[i].x == player.x){
                scoreUp();
            }

//障害物が画面外に出たら削除
            if(obstacles[i].x + obstacles[i].width < 0){
                obstacles.splice(i, 1);
                i--;
            }
        }

//プレイヤーの表示
        ctx.fillStyle = "#f00";
        ctx.fillRect(player.x, player.y, player.width, player.height);

//スコアの表示
        ctx.fillStyle = "#000";
        ctx.font = "24px Arial";
        ctx.fillText("Score : " + score, 10, 30);

//障害物の生成
        if(frame % 300 == 0){
            generateObstacle();
        }

frame++;

//メインループ
        requestAnimationFrame(game);
    }

//フレーム数の初期化
    let frame = 0;

//クリックでプレイヤーがジャンプ
    document.addEventListener("click", jump);

//ゲームスタート
    game();
    </script>
</body>
</html>