3D + RPG + third person game fighting other person's game

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

No:28880

148

←

Prev Next

→

3D + RPG + third person game fighting other person
Developer User14291｜Date and time 23/12/14 22:24:06
Build time 32.743 sec｜Game capacity 2.451KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>RPG Game - Fighting Game</title>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.js"></script>
</head>
<body>
    <script>
        // Set up the scene, camera, and renderer
        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
        var renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        document.body.appendChild(renderer.domElement);

// Create a player character model
        var playerGeometry = new THREE.BoxGeometry(1, 1, 1);
        var playerMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
        var player = new THREE.Mesh(playerGeometry, playerMaterial);
        scene.add(player);

// Create an enemy character model
        var enemyGeometry = new THREE.BoxGeometry(1, 1, 1);
        var enemyMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 });
        var enemy = new THREE.Mesh(enemyGeometry, enemyMaterial);
        scene.add(enemy);
        enemy.position.x = 3; // Position the enemy character away from the player

// Position the camera to view the scene
        camera.position.z = 5;

// Function to handle player movement and interaction
        function animate() {
            requestAnimationFrame(animate);

// Player movement controls
            if (keys.left) {
                player.position.x -= 0.1;
            }
            if (keys.right) {
                player.position.x += 0.1;
            }
            if (keys.up) {
                player.position.z -= 0.1;
            }
            if (keys.down) {
                player.position.z += 0.1;
            }

// Check for collision between player and enemy
            if (player.position.distanceTo(enemy.position) < 1) {
                alert("You defeated the enemy! Game over.");
            }

renderer.render(scene, camera);
        }

// Keyboard event listeners
        var keys = {};
        document.addEventListener('keydown', function (event) {
            keys[event.key] = true;
        });
        document.addEventListener('keyup', function (event) {
            keys[event.key] = false;
        });

// Start the game loop
        animate();
    </script>
</body>
</html>