A game with you move 3-D character rounded a to 2-D plane Use triangles to make the 3-D character use a judgy fond to make the ground's game | AI game creator

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

No:50780

93

A game with you move 3-D character rounded a to 2-..ALL
Developer User21217｜Date and time 24/3/9 15:18:28
Build time 5.117 sec｜Game capacity 1.58KB｜

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

<script>
    // Set up canvas
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    document.body.appendChild(canvas);
    
    // Set up 3D character
    const character = {
        x: 100,
        y: 100,
        z: 100
    };
    
    // Set up ground
    const ground = {
        color: '#8B0000',
        slope: 0.02
    };
    
    // Function to draw character
    function drawCharacter() {
        ctx.beginPath();
        ctx.moveTo(character.x - 20, character.y + character.z);
        ctx.lineTo(character.x + 20, character.y + character.z);
        ctx.lineTo(character.x, character.y - character.z);
        ctx.closePath();
        ctx.fillStyle = '#FFA500';
        ctx.fill();
        ctx.stroke();
    }
    
    // Function to draw ground
    function drawGround() {
        ctx.fillStyle = ground.color;
        ctx.beginPath();
        ctx.moveTo(0, canvas.height);
        for(let i = 0; i < canvas.width; i += 20) {
            ctx.lineTo(i, canvas.height - i * ground.slope);
        }
        ctx.lineTo(canvas.width, canvas.height);
        ctx.closePath();
        ctx.fill();
    }
    
    // Game loop
    function gameLoop() {
        // Update
        character.z += 1;
        
        // Draw
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawGround();
        drawCharacter();
        
        // Repeat
        requestAnimationFrame(gameLoop);
    }
    
    // Start the game
    gameLoop();
</script>