Make a platformer with a square character that can turn on and off when he is off he does not move and you cannot see him but the platforms are visible and visa versa when he is on also include mobile controls's game

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

No:20374

←

Prev Next

→

Make a platformer with a square character that can..ALL
Developer User9025｜Date and time 23/10/9 8:51:27
Build time 15.252 sec｜Game capacity 4.436KB｜

Script

Sure! Here's an example of a simple platformer game with a square character that can turn on and off. It includes mobile controls and uses pictograms to represent the platforms.

In this game, the player (represented by a red square) can move left, right, up, or down using touch controls on a smartphone. The player can turn on and off, making it visible or invisible. Platforms (represented by black rectangles) are visible at all times. The player must navigate through the platforms to reach certain goals or objectives. Note: The code provided above is a basic example to demonstrate the concept of the game. You can enhance it further by adding collision detection, additional levels, power-ups, enemies, etc., based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple platformer game with a square character that can turn on and off. It includes mobile controls and uses pictograms to represent the platforms.

```html
<!DOCTYPE html>
<html>

<head>
    <title>Platformer Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            background-color: #f0f0f0;
            display: block;
        }
    </style>
</head>

// Initialize the game
        window.onload = function () {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

// Listen to touch events
            canvas.addEventListener('touchstart', handleTouchStart);
            canvas.addEventListener('touchend', handleTouchEnd);

// Start the game loop
            requestAnimationFrame(update);
        };

// Update game logic and render
        function update() {
            movePlayer();
            render();
            requestAnimationFrame(update);
        }

// Update player's position based on touch controls
        function movePlayer() {
            if (touchEndX !== null && touchEndY !== null) {
                var deltaX = touchEndX - touchStartX;
                var deltaY = touchEndY - touchStartY;
                if (Math.abs(deltaX) > Math.abs(deltaY)) {
                    // Horizontal movement
                    if (deltaX < 0) {
                        // Move left
                        playerX -= playerSpeed;
                    } else {
                        // Move right
                        playerX += playerSpeed;
                    }
                } else {
                    // Vertical movement
                    if (deltaY < 0) {
                        // Move up
                        playerY -= playerSpeed;
                    } else {
                        // Move down
                        playerY += playerSpeed;
                    }
                }
                touchEndX = null;
                touchEndY = null;
            }
        }

// Render the game
        function render() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Render platforms
            canvasContext.fillStyle = '#000';
            platforms.forEach(function (platform) {
                canvasContext.fillRect(platform.x, platform.y, platform.width, platform.height);
            });

// Render player if visible
            if (isPlayerVisible) {
                canvasContext.fillStyle = '#f00';
                canvasContext.fillRect(playerX, playerY, playerSize, playerSize);
            }
        }

// Touch event handlers
        function handleTouchStart(evt) {
            touchStartX = evt.changedTouches[0].clientX;
            touchStartY = evt.changedTouches[0].clientY;
        }

function handleTouchEnd(evt) {
            touchEndX = evt.changedTouches[0].clientX;
            touchEndY = evt.changedTouches[0].clientY;
        }
    </script>
</body>

</html>
```

Note: The code provided above is a basic example to demonstrate the concept of the game. You can enhance it further by adding collision detection, additional levels, power-ups, enemies, etc., based on your requirements and preferences.