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

No:30384

166

←

Prev Next

→

A endless open world RPG of space exploration.
Developer User14752｜Date and time 23/12/21 10:04:22
Build time 23.633 sec｜Game capacity 3.717KB｜

Script

Sure, here is a simple implementation of an endless open world RPG of space exploration game using HTML, JavaScript, and pictograms:

Space Exploration RPG

🡹

🡸

🡺

🡻

This implementation creates a simple game area with pictograms representing the game world. The player can control their spaceship using the directional buttons and navigate through the space exploration RPG. The game world is represented by a 2D array where different pictograms represent different entities in the game. Feel free to enhance and customize this game further according to your preferences!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here is a simple implementation of an endless open world RPG of space exploration game using HTML, JavaScript, and pictograms:

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

<head>
    <title>Space Exploration RPG</title>
    <style>
        #game-area {
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: black;
            color: white;
        }

#controls {
            display: flex;
            justify-content: space-around;
        }

.button {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: #333;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: white;
        }
    </style>
</head>

<body>
    <div id="game-area">
        <h1>Space Exploration RPG</h1>
    </div>
    <div id="controls">
        <div class="button" onclick="move('up')">🡹</div>
        <div class="button" onclick="move('left')">🡸</div>
        <div class="button" onclick="move('right')">🡺</div>
        <div class="button" onclick="move('down')">🡻</div>
    </div>

// Game world
        const world = [
            ['🌌', '⭐️', '🌌'],
            ['⭐️', '🚀', '⭐️'],
            ['🌌', '⭐️', '🌌'],
        ];

// Function to update the game area
        function updateGameArea() {
            const gameArea = document.getElementById('game-area');
            gameArea.innerHTML = '';

for (let y = 0; y < world.length; y++) {
                const row = document.createElement('div');
                for (let x = 0; x < world[y].length; x++) {
                    const cell = document.createElement('span');
                    cell.innerText = world[y][x];
                    if (x === playerX && y === playerY) {
                        cell.style.color = 'red';
                    }
                    row.appendChild(cell);
                }
                gameArea.appendChild(row);
            }
        }

// Function for player movement
        function move(direction) {
            let newPlayerX = playerX;
            let newPlayerY = playerY;

if (direction === 'up') {
                newPlayerY--;
            } else if (direction === 'down') {
                newPlayerY++;
            } else if (direction === 'left') {
                newPlayerX--;
            } else if (direction === 'right') {
                newPlayerX++;
            }

// Check if the new position is within the game world boundaries
            if (newPlayerX >= 0 && newPlayerX < world.length && newPlayerY >= 0 && newPlayerY < world[newPlayerX].length) {
                playerX = newPlayerX;
                playerY = newPlayerY;

// Perform any actions based on the player's new position
                // For example, encountering an enemy, collecting items, etc.

updateGameArea();
            }
        }

// Start the game
        updateGameArea();
    </script>
</body>

</html>
```

Feel free to enhance and customize this game further according to your preferences!