Three. Js Gun . I can control it by staging it around. When I push the shoot button, a particle comes out of the gun for two seconds, and then disappears's game

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

No:10641

117

←

Prev Next

→

Three. Js Gun . I can control it by staging it aro..ALL
Developer User4587｜Date and time 23/8/1 12:21:21
Build time 25.992 sec｜Game capacity 4.004KB｜

Script

Sure! Here's an example of a simple game using JavaScript and three.js, where you can control a gun using touch events on a smartphone:

In this game, you can control the gun by dragging your finger on the screen. When you press the "Shoot" button, a yellow particle is emitted from the gun for two seconds before disappearing. Please note that this is just a basic example and can be further customized and enhanced according to your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's an example of a simple game using JavaScript and three.js, where you can control a gun using touch events on a smartphone:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Gun Game</title>
    <style>
        body { margin: 0; }
    </style>
</head>
<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // Create the scene
            var scene = new THREE.Scene();

// Create the camera
            var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
            camera.position.z = 5;

// Create renderer
            var renderer = new THREE.WebGLRenderer({ antialias: true });
            renderer.setSize(window.innerWidth, window.innerHeight);
            document.body.appendChild(renderer.domElement);

// Create gun object
            var gun = new THREE.Mesh(
                new THREE.BoxGeometry(1, 1, 1),
                new THREE.MeshBasicMaterial({ color: 0xff0000 })
            );
            scene.add(gun);

// Store initial rotation and position of the gun
            gun.initialRotation = gun.rotation.clone();
            gun.initialPosition = gun.position.clone();

// Store touch start position
            var touchStartPos = new THREE.Vector2();

// Handle touch start event
            function onTouchStart(event) {
                event.preventDefault();
                touchStartPos.set(event.touches[0].clientX, event.touches[0].clientY);
            }

// Handle touch move event
            function onTouchMove(event) {
                event.preventDefault();
                var touchX = event.touches[0].clientX - touchStartPos.x;
                var touchY = event.touches[0].clientY - touchStartPos.y;
                gun.rotation.y = gun.initialRotation.y + touchX / window.innerWidth * Math.PI;
                gun.rotation.x = gun.initialRotation.x + touchY / window.innerHeight * Math.PI;
            }

// Handle touch end event
            function onTouchEnd(event) {
                event.preventDefault();
                gun.rotation.copy(gun.initialRotation);
            }

// Add touch event listeners
            document.addEventListener("touchstart", onTouchStart);
            document.addEventListener("touchmove", onTouchMove);
            document.addEventListener("touchend", onTouchEnd);

// Create shoot button
            var shootButton = document.createElement("button");
            shootButton.innerHTML = "Shoot";
            document.body.appendChild(shootButton);

// Handle shoot button click event
            function onShootButtonClick() {
                var particle = new THREE.Mesh(
                    new THREE.SphereGeometry(0.1),
                    new THREE.MeshBasicMaterial({ color: 0xffff00 })
                );
                particle.position.copy(gun.position);
                scene.add(particle);

setTimeout(function() {
                    scene.remove(particle);
                }, 2000);
            }

// Add shoot button click event listener
            shootButton.addEventListener("click", onShootButtonClick);

// Animation loop
            function animate() {
                requestAnimationFrame(animate);
                renderer.render(scene, camera);
            }

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

In this game, you can control the gun by dragging your finger on the screen. When you press the "Shoot" button, a yellow particle is emitted from the gun for two seconds before disappearing.

Please note that this is just a basic example and can be further customized and enhanced according to your specific requirements.