Make a game like football rising star. Use main menus and the ability to develop the player and transfer to other teams and leagues and add champions league's game | AI game creator

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

No:20804

45

Make a game like football rising star. Use main m..ALL
Developer User9158｜Date and time 23/10/11 4:25:31
Build time 38.028 sec｜Game capacity 6.261KB｜

Sure! Here's a simple implementation of a football rising star game using JavaScript and HTML. As HTML is unable to load external data, such as player details, team, and league information, this game will have a simplified version where the user can develop the player's skills and simulate transfers to other teams and leagues. Please note that this is a basic implementation and can be enhanced further for a more detailed and immersive gaming experience. Also, since you mentioned smartphone operation, the example interface is designed with mobile devices in mind. To play the game, simply copy the code below, save it as an HTML file, and open it in a web browser.

In this game, the player starts at the main menu where they can choose different options, such as starting the game, developing player skills, transferring to other teams, and playing in the Champions League. Selecting any of these options will show the corresponding section while hiding the main menu. The "Development Player Skills" section allows the player to increase the player's skills. Clicking on "Increase Skills" will increase the shooting, passing, and dribbling skills by 5 points each. The "Transfer to Other Teams" section allows the player to select a team and simulate the player's transfer. After selecting a team and clicking on "Transfer," the player will receive an alert indicating the transfer. The "Champions League" section currently shows a message indicating that the player has not qualified for the Champions League yet. Clicking on "Back to Main Menu" will take the player back to the main menu. Feel free to enhance the game further by adding more features, implementing a realistic player development system, and integrating actual team and league data.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple implementation of a football rising star game using JavaScript and HTML. As HTML is unable to load external data, such as player details, team, and league information, this game will have a simplified version where the user can develop the player's skills and simulate transfers to other teams and leagues.

Please note that this is a basic implementation and can be enhanced further for a more detailed and immersive gaming experience. Also, since you mentioned smartphone operation, the example interface is designed with mobile devices in mind.

To play the game, simply copy the code below, save it as an HTML file, and open it in a web browser.

```html
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Football Rising Star</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin: 0;
    }
    
    h1 {
      margin: 20px;
    }
    
    .menu {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    
    .btn {
      display: block;
      padding: 10px 20px;
      margin: 10px;
      background-color: #4CAF50;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      cursor: pointer;
    }
    
    .skill {
      display: flex;
      justify-content: space-between;
      padding: 10px;
    }
    
    #player-skills {
      margin: 20px;
    }
    
    .transfer {
      display: flex;
      justify-content: space-evenly;
    }
  </style>
</head>
<body>
  <div id="main-menu" class="menu">
    <h1>Football Rising Star</h1>
    <a class="btn" href="#" onclick="startGame()">Start Game</a>
    <a class="btn" href="#" onclick="developSkills()">Develop Player Skills</a>
    <a class="btn" href="#" onclick="transferToLeague()">Transfer to Other Leagues</a>
    <a class="btn" href="#" onclick="playChampionsLeague()">Play Champions League</a>
  </div>
  
  <div id="player-skills" style="display: none;">
    <h2>Player Skills</h2>
    <div class="skill">
      <span>Shooting:</span>
      <span id="shooting-skill">10</span>
    </div>
    <div class="skill">
      <span>Passing:</span>
      <span id="passing-skill">10</span>
    </div>
    <div class="skill">
      <span>Dribbling:</span>
      <span id="dribbling-skill">10</span>
    </div>
    <a class="btn" href="#" onclick="increaseSkills()">Increase Skills</a>
  </div>
  
  <div id="transfer" style="display: none;">
    <h2>Transfer to Other Teams</h2>
    <div class="transfer">
      <select id="team-select"></select>
      <a class="btn" href="#" onclick="transferToTeam()">Transfer</a>
    </div>
  </div>
  
  <div id="champions-league" style="display: none;">
    <h2>Champions League</h2>
    <p>No Champions League qualification this time.</p>
    <a class="btn" href="#" onclick="backToMainMenu()">Back to Main Menu</a>
  </div>
  
  <script>
    let playerSkills = {
      shooting: 10,
      passing: 10,
      dribbling: 10
    };
    
    const teams = ['Team A', 'Team B', 'Team C']; // Example team names
    
    function startGame() {
      document.getElementById('main-menu').style.display = "none";
      document.getElementById('player-skills').style.display = "block";
    }
    
    function developSkills() {
      document.getElementById('main-menu').style.display = "none";
      document.getElementById('player-skills').style.display = "block";
    }
    
    function transferToLeague() {
      document.getElementById('main-menu').style.display = "none";
      document.getElementById('transfer').style.display = "block";
      
      const teamSelect = document.getElementById('team-select');
      teams.forEach((team) => {
        const option = document.createElement('option');
        option.value = team;
        option.text = team;
        teamSelect.add(option);
      });
    }
    
    function playChampionsLeague() {
      document.getElementById('main-menu').style.display = "none";
      document.getElementById('champions-league').style.display = "block";
    }
    
    function increaseSkills() {
      playerSkills.shooting += 5;
      playerSkills.passing += 5;
      playerSkills.dribbling += 5;
      
      document.getElementById('shooting-skill').textContent = playerSkills.shooting;
      document.getElementById('passing-skill').textContent = playerSkills.passing;
      document.getElementById('dribbling-skill').textContent = playerSkills.dribbling;
    }
    
    function transferToTeam() {
      const selectedTeam = document.getElementById('team-select').value;
      // Simulate player transfer to another team
      alert(`Player transferred to ${selectedTeam}`);
      // Redirect back to main menu
      backToMainMenu();
    }
    
    function backToMainMenu() {
      document.getElementById('main-menu').style.display = "flex";
      document.getElementById('player-skills').style.display = "none";
      document.getElementById('transfer').style.display = "none";
      document.getElementById('champions-league').style.display = "none";
    }
  </script>
</body>
</html>
```

In this game, the player starts at the main menu where they can choose different options, such as starting the game, developing player skills, transferring to other teams, and playing in the Champions League. Selecting any of these options will show the corresponding section while hiding the main menu.

The "Development Player Skills" section allows the player to increase the player's skills. Clicking on "Increase Skills" will increase the shooting, passing, and dribbling skills by 5 points each.

The "Transfer to Other Teams" section allows the player to select a team and simulate the player's transfer. After selecting a team and clicking on "Transfer," the player will receive an alert indicating the transfer.

The "Champions League" section currently shows a message indicating that the player has not qualified for the Champions League yet. Clicking on "Back to Main Menu" will take the player back to the main menu.

Feel free to enhance the game further by adding more features, implementing a realistic player development system, and integrating actual team and league data.