Octahedron A 3D graphic is drawn by Three.js. The figure is a dodecahedron. The opacity of the figure is 180.'s game

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

No:8430

2599

←

Prev Next

→

Octahedron A 3D graphic is drawn by Three.js. The ..ALL
Developer もちきなこ｜Date and time 23/7/16 3:45:15
Build time 10.979 sec｜Game capacity 1.469KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>八面体ゲーム</title>
    <style>
        body { margin: 0; }
        canvas { display: block; }
    </style>
</head>
<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>
    <script>
        // 初期化処理
        function init() {
            const scene = new THREE.Scene();
            const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
            
            const renderer = new THREE.WebGLRenderer();
            renderer.setSize(window.innerWidth, window.innerHeight);
            document.body.appendChild(renderer.domElement);
            
            const geometry = new THREE.IcosahedronGeometry(1, 0);
            const material = new THREE.MeshBasicMaterial({ color: 0x00ff00, opacity: 0.7, transparent: true });
            const mesh = new THREE.Mesh(geometry, material);
            scene.add(mesh);
            
            camera.position.z = 5;
            
            // レンダリングループ
            function animate() {
                requestAnimationFrame(animate);
                
                mesh.rotation.x += 0.01;
                mesh.rotation.y += 0.01;
                
                renderer.render(scene, camera);
            }
            
            animate();
        }
        
        window.onload = init;
    </script>
</body>
</html>