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

No:21665

72

A simple AR game that makes an unpleasant noise ge..ALL
Developer User8566｜Date and time 23/10/17 7:19:14
Build time 144.47 sec｜Game capacity 5.191KB｜

Sure! Here's an example of a simple AR game implemented as a single HTML file using JavaScript and enclosed in script tags. This game uses pictograms and employs distance-based audio to create an unpleasant noise that gets louder as you get closer to the monster. Note: Since AR functionalities require device-specific APIs and libraries, this implementation will focus on the game mechanics rather than actual AR features. You can adapt it to a real AR framework based on your specific needs.

Monster Hunter AR Game

Move closer to the monster to hear an unpleasant noise!

In this implementation, the game simulates the player's movement using mouse movement events, calculates the distance between the player and the monster, adjusts the unpleasant noise volume accordingly, and displays relevant information on the screen. The game checks if the player is within a certain proximity (threshold) to the monster to consider it found. Please note that this is a simplified implementation and does not include advanced AR functionality. It serves as a starting point for your AR game and can be extended with real AR libraries and frameworks for a complete smartphone AR experience.

→ 　

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 AR game implemented as a single HTML file using JavaScript and enclosed in script tags. This game uses pictograms and employs distance-based audio to create an unpleasant noise that gets louder as you get closer to the monster.

Note: Since AR functionalities require device-specific APIs and libraries, this implementation will focus on the game mechanics rather than actual AR features. You can adapt it to a real AR framework based on your specific needs.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Monster Hunter AR Game</title>
</head>
<body>

<h1>Monster Hunter AR Game</h1>

<div id="instructions">
        <p>Move closer to the monster to hear an unpleasant noise!</p>
    </div>

<div id="gameplay" style="display: none;">
        <p>You found the monster! Be careful, the noise gets louder as you get closer.</p>
    </div>

<img id="monsterImage" src="monster.png" alt="Monster" style="display: none;">

<script>
        // Initialize game variables
        var monsterLocation = { x: 50, y: 50 }; // Monster's initial location in percentage relative to screen width and height
        var playerLocation = { x: 0, y: 0 }; // Player's initial location in percentage relative to screen width and height

// Get screen width and height
        var screenWidth = window.innerWidth;
        var screenHeight = window.innerHeight;

// Calculate distance between player and monster
        function calculateDistance() {
            var dx = (playerLocation.x - monsterLocation.x) * screenWidth;
            var dy = (playerLocation.y - monsterLocation.y) * screenHeight;
            var distance = Math.sqrt(dx * dx + dy * dy);
            return distance;
        }

// Update game visuals and sound based on player's proximity to the monster
        function updateGame() {
            var distance = calculateDistance();
            
            if (distance <= 10) {
                // Display monster image when very close
                document.getElementById('monsterImage').style.display = 'block';
            }
            else {
                // Hide monster image when not close
                document.getElementById('monsterImage').style.display = 'none';
            }
            
            // Calculate noise volume based on distance
            var volume = Math.min(distance * 10, 100);

// Play the unpleasant noise at the calculated volume
            playUnpleasantNoise(volume);

// If monster is not found yet, show game instructions
            if (!monsterFound()) {
                document.getElementById('instructions').style.display = 'block';
                document.getElementById('gameplay').style.display = 'none';
            }
            else {
                // If monster is found, show gameplay details
                document.getElementById('instructions').style.display = 'none';
                document.getElementById('gameplay').style.display = 'block';
            }
        }

// Simulates playing an unpleasant noise at the specified volume
        function playUnpleasantNoise(volume) {
            // Replace with actual audio implementation, e.g., using Web Audio API
            console.log("Unpleasant noise volume: " + volume);
        }

// Simulates monster found condition
        function monsterFound() {
            var distance = calculateDistance();
            return distance <= 5; // Define a threshold for monster found condition
        }

// Simulates device location change
        function updatePlayerLocation(x, y) {
            playerLocation.x = x;
            playerLocation.y = y;
        }

// Update game state periodically (replace with AR event listeners in a real AR implementation)
        setInterval(function() {
            updateGame();
        }, 100); // Game update interval in milliseconds

// Simulates device movement (replace with actual device-specific event listeners in a real AR implementation)
        document.addEventListener('mousemove', function(event) {
            // Calculate normalized x and y coordinates relative to screen width and height
            var x = event.clientX / screenWidth;
            var y = event.clientY / screenHeight;
            
            updatePlayerLocation(x, y);
        });

</script>
</body>
</html>
```

In this implementation, the game simulates the player's movement using mouse movement events, calculates the distance between the player and the monster, adjusts the unpleasant noise volume accordingly, and displays relevant information on the screen. The game checks if the player is within a certain proximity (threshold) to the monster to consider it found.

Please note that this is a simplified implementation and does not include advanced AR functionality. It serves as a starting point for your AR game and can be extended with real AR libraries and frameworks for a complete smartphone AR experience.