Fighting game where the characters have different, unique moves depending on what combination of buttons are pressed's game | AI game creator

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

No:42404

125

Fighting game where the characters have different,..ALL
Developer User18873｜Date and time 24/2/11 17:10:56
Build time 10.096 sec｜Game capacity 3.536KB｜

Sure! Here's an example of a simple fighting game using JavaScript and HTML. This game allows two characters to battle against each other using unique moves based on specific combinations of buttons pressed. Since you mentioned smartphone operation, I'll include touch events for input. Pictograms will be added to represent the characters and their moves. Please note that this is a basic implementation, and you can expand on it by adding more characters, moves, and gameplay features. Here's the code:

In this code, we set up two characters using div elements (`character1` and `character2`) and assign their respective pictogram backgrounds. The `moves` object holds the different moves for each character, identified by button combinations (`A`, `B`, `C` for character 1 and `X`, `Y`, `Z` for character 2). The `handleInput` function handles touch events, adding the number of touches to the `buttonsPressed` string when a mousedown event occurs. On mouseup, it checks if the combination matches a move and performs the corresponding action. Please note that this code does not include actual move animations or game mechanics beyond recognizing button combinations. You would need to add additional code to implement the moves, character health, victory conditions, etc.

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple fighting game using JavaScript and HTML. This game allows two characters to battle against each other using unique moves based on specific combinations of buttons pressed. Since you mentioned smartphone operation, I'll include touch events for input. Pictograms will be added to represent the characters and their moves.

Please note that this is a basic implementation, and you can expand on it by adding more characters, moves, and gameplay features. Here's the code:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fighting Game</title>
    <style>
        #character1 {
            background-image: url('character1.png'); /* Pictogram for character 1 */
            width: 100px;
            height: 100px;
            position: absolute;
            top: 50%;
            left: 10%;
        }
        
        #character2 {
            background-image: url('character2.png'); /* Pictogram for character 2 */
            width: 100px;
            height: 100px;
            position: absolute;
            top: 50%;
            left: 80%;
        }
    </style>
</head>
<body>
    <div id="character1"></div>
    <div id="character2"></div>
    
    <script>
        // Character moves
        const moves = {
            'A': 'punch',       // Character 1 punch move
            'B': 'kick',        // Character 1 kick move
            'C': 'special',     // Character 1 special move
            'X': 'punch',       // Character 2 punch move
            'Y': 'kick',        // Character 2 kick move
            'Z': 'special'      // Character 2 special move
        };
        
        // Handle touch events
        document.addEventListener('touchstart', handleInput);    // Listen for touchstart event
        document.addEventListener('touchend', handleInput);      // Listen for touchend event
        
        // Handle button combinations
        let buttonsPressed = '';    // Track the pressed buttons
        
        function handleInput(event) {
            event.preventDefault();
            
            if (event.type === 'touchstart') {
                buttonsPressed += event.touches.length; // Add the number of touches to the button string
            }
            
            if (event.type === 'touchend') {
                const move = moves[buttonsPressed];
                
                if (move) {
                    console.log('Performing move: ' + move);
                    // Call a function to perform the move for the current character
                }
                
                buttonsPressed = '';    // Reset the button string after the move is performed
            }
        }
        
        // Game logic goes here
        
    </script>
</body>
</html>
```

In this code, we set up two characters using div elements (`character1` and `character2`) and assign their respective pictogram backgrounds. The `moves` object holds the different moves for each character, identified by button combinations (`A`, `B`, `C` for character 1 and `X`, `Y`, `Z` for character 2).

The `handleInput` function handles touch events, adding the number of touches to the `buttonsPressed` string when a touchstart event occurs. On touchend, it checks if the combination matches a move and performs the corresponding action.

Please note that this code does not include actual move animations or game mechanics beyond recognizing button combinations. You would need to add additional code to implement the moves, character health, victory conditions, etc.