[Operation] We have addressed the game where the results were not visible to the user. Specifically, console output is now visible to users.'s game

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

No:8633

657

←

Prev Next

→

[Operation] We have addressed the game where the r..ALL
Developer User4214｜Date and time 23/7/17 15:49:56
Build time 17.052 sec｜Game capacity 2.309KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<html>
  <head>
    <meta charset="utf-8" />
    <script type="importmap">
      {
        "imports": {
          "three": "https://unpkg.com/three@0.152.2/build/three.module.js"
        }
      }
    </script>
    <script type="module">
      import * as THREE from "three";

// サイズを指定
      const width = 960;
      const height = 540;

// レンダラーを作成
      const renderer = new THREE.WebGLRenderer({
        canvas: document.querySelector("#myCanvas"),
        antialias: true,
      });
      renderer.setPixelRatio(window.devicePixelRatio);
      renderer.setSize(width, height);

// シーンを作成
      const scene = new THREE.Scene();

// カメラを作成
      const camera = new THREE.PerspectiveCamera(45, width / height);
      camera.position.set(0, 0, +1300);

// ドーナツを作成
      const geometry = new THREE.TorusGeometry(300, 100, 64, 100);
      // マテリアルを作成
      const material = new THREE.MeshToonMaterial({ color: 0x6699ff });
      // メッシュを作成
      const mesh = new THREE.Mesh(geometry, material);
      // 3D空間にメッシュを追加
      scene.add(mesh);

// 平行光源
      const directionalLight = new THREE.DirectionalLight(0xffffff);
      directionalLight.position.set(1, 1, 1);
      scene.add(directionalLight);

// ポイント光源
      const pointLight = new THREE.PointLight(0xffffff, 2, 1000);
      scene.add(pointLight);
      const pointLightHelper = new THREE.PointLightHelper(pointLight, 30);
      scene.add(pointLightHelper);

tick();

// 毎フレーム時に実行されるループイベントです
      function tick() {
        // メッシュを回転させる
        mesh.rotation.x += 0.01;
        mesh.rotation.y += 0.01;

// ライトを周回させる
        pointLight.position.set(
          500 * Math.sin(Date.now() / 500),
          500 * Math.sin(Date.now() / 1000),
          500 * Math.cos(Date.now() / 500)
        );

// レンダリング
        renderer.render(scene, camera);

requestAnimationFrame(tick);
      }
    </script>
  </head>
  <body>
    <canvas id="myCanvas"></canvas>
  </body>
</html>