AI game creator

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

No:18147

←

Prev Next

→

Scp viewer 3D
Developer User8026｜Date and time 23/9/27 16:19:26
Build time 25.513 sec｜Game capacity 2.822KB｜

Script

Sure! Here's an example of a simple SCP (Secure, Contain, Protect) Viewer 3D game implemented as a single HTML file. The game allows you to view different SCP objects in a 3D environment using pictograms and can be played on a smartphone device:

To play the game, simply save the above code into a file with a `.html` extension, and open it in a web browser (preferably Chrome or Firefox). The game will automatically choose a random SCP object to display in a 3D environment. The pictogram representing the object will also be displayed on the screen. Please note that this is a very basic implementation and can be expanded upon with additional features, interactions, and more detailed 3D models if desired.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>SCP Viewer 3D</title>
  <style>
    canvas {
      width: 100%;
      height: 100%;
      display: block;
    }
  </style>
</head>
<body>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>
  <script>
    // Objects and their respective pictograms
    const scpObjects = [
      { id: 1, name: 'SCP-173', pictogram: '🗿' },
      { id: 2, name: 'SCP-049', pictogram: '🦠' },
      { id: 3, name: 'SCP-096', pictogram: '😱' },
      { id: 4, name: 'SCP-682', pictogram: '🦎' },
      { id: 5, name: 'SCP-914', pictogram: '🔄' },
      // Add more objects as needed
    ];

// Game logic
    function startGame() {
      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);

// Render the selected SCP object
      function renderObject(scpObject) {
        const geometry = new THREE.BoxGeometry();
        const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
        const cube = new THREE.Mesh(geometry, material);
        scene.add(cube);

camera.position.z = 5;

function animate() {
          requestAnimationFrame(animate);
          cube.rotation.x += 0.01;
          cube.rotation.y += 0.01;
          renderer.render(scene, camera);
        }

animate();
      }

// Randomly select an SCP object to view
      const randomObject = scpObjects[Math.floor(Math.random() * scpObjects.length)];

// Display the selected object's pictogram
      const pictogramElement = document.createElement('div');
      pictogramElement.textContent = randomObject.pictogram;
      document.body.appendChild(pictogramElement);

// Render the selected object
      renderObject(randomObject);
    }

// Start the game when the page loads
    window.onload = startGame;
  </script>
</body>
</html>
```

To play the game, simply save the above code into a file with a `.html` extension, and open it in a web browser (preferably Chrome or Firefox). The game will automatically choose a random SCP object to display in a 3D environment. The pictogram representing the object will also be displayed on the screen.

Please note that this is a very basic implementation and can be expanded upon with additional features, interactions, and more detailed 3D models if desired.