3D graphics Where you can rotate around a PS4 controller And play with the buttons And make sure the background Is a living room's game

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

No:36885

←

Prev Next

→

3D graphics Where you can rotate around a PS4 cont..ALL
Developer Game Studio｜Date and time 24/1/19 4:18:21
Build time 10.818 sec｜Game capacity 2.949KB｜

Script

Sure, here's an example of an HTML file that implements a simple game where you can rotate a 3D model of a PS4 controller and interact with its buttons. The background of the game is a living room.

To use this code, you will need to create two files: `living_room.jpg` and `ps4_controller.gltf`. The `living_room.jpg` should be an image of a living room that will be used as the background. The `ps4_controller.gltf` should be a 3D model of a PS4 controller. This code sets up a three.js scene with a living room background and a rotating PS4 controller model. You can interact with the scene by rotating the controller using the mouse or touch controls on a smartphone.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of an HTML file that implements a simple game where you can rotate a 3D model of a PS4 controller and interact with its buttons. The background of the game is a living room.

```
<!DOCTYPE html>
<html>
<head>
    <title>PS4 Controller Game</title>
    <style>
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <div id="container"></div>

// Initialize the game
        function init() {
            // Create the three.js scene
            container = document.getElementById("container");
            scene = new THREE.Scene();
            camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
            renderer = new THREE.WebGLRenderer({ antialias: true });
            controls = new THREE.OrbitControls(camera, renderer.domElement);

renderer.setSize(window.innerWidth, window.innerHeight);
            container.appendChild(renderer.domElement);

// Create the living room background
            var loader = new THREE.TextureLoader();
            loader.load("living_room.jpg", function (texture) {
                scene.background = texture;
            });

// Create the PS4 controller model
            var loader = new THREE.GLTFLoader();
            loader.load("ps4_controller.gltf", function (gltf) {
                var controller = gltf.scene;
                scene.add(controller);
            });

camera.position.z = 10;
        }

// Update/render the game
        function animate() {
            requestAnimationFrame(animate);

// Rotate the PS4 controller
            if (scene.children[2]) {
                scene.children[2].rotation.y += 0.01;
            }

renderer.render(scene, camera);
        }

// Run the game
        init();
        animate();
    </script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>
    
    <script src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/loaders/GLTFLoader.js"></script>
    
    <script src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/controls/OrbitControls.js"></script>
</body>
</html>
```

This code sets up a three.js scene with a living room background and a rotating PS4 controller model. You can interact with the scene by rotating the controller using the mouse or touch controls on a smartphone.