Dragon rotating three.js's game

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

No:21504

←

Prev Next

→

Dragon rotating three.js
Developer User9819｜Date and time 23/10/15 23:37:34
Build time 47.844 sec｜Game capacity 2.055KB｜

Script

Sure! Here's an example of a single HTML file containing a game where a dragon rotates using Three.js library:

To use this code, create a new HTML file, copy the code into it, and save it. Make sure to have an image file named `emozi_all/dragon.png` in the same directory as the HTML file. When you open the HTML file in a web browser, you'll see a rotating dragon rendered using Three.js.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a single HTML file containing a game where a dragon rotates using Three.js library:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dragon Rotating 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>
        // Create 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 dragon using a texture
        var loader = new THREE.TextureLoader();
        loader.load('dragon.png', function(texture) {
            var geometry = new THREE.BoxGeometry(1, 1, 1);
            var material = new THREE.MeshBasicMaterial({ map: texture });
            var dragon = new THREE.Mesh(geometry, material);
            scene.add(dragon);
        });

// Set initial position and rotation for the dragon
        camera.position.z = 5;
        var rotationSpeed = 0.01;

// Game loop
        function animate() {
            requestAnimationFrame(animate);

// Rotate the dragon
            scene.children.forEach(function(object) {
                if (object instanceof THREE.Mesh) {
                    object.rotation.x += rotationSpeed;
                    object.rotation.y += rotationSpeed;
                }
            });

// Render the scene
            renderer.render(scene, camera);
        }

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

To use this code, create a new HTML file, copy the code into it, and save it. Make sure to have an image file named `dragon.png` in the same directory as the HTML file. When you open the HTML file in a web browser, you'll see a rotating dragon rendered using Three.js.