[Management] Gachi-3D Three.js is now supported.'s game

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

No:8026

3013

←

Prev Next

→

[Management] Gachi-3D Three.js is now supported.
Developer User1006｜Date and time 23/7/12 2:32:51
Build time 18.928 sec｜Game capacity 1.489KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<script src="https://unpkg.com/three@0.146.0/build/three.min.js"></script>

function init() {
  const width = 320;
  const height = 540;

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

// カメラを作成
  const camera = new THREE.PerspectiveCamera(45, width / height, 1, 10000);
  // カメラの初期座標を設定（X座標:0, Y座標:0, Z座標:0）
  camera.position.set(0, 0, 1000);

// 箱を作成
  const geometry = new THREE.BoxGeometry(250, 250, 250);
  const material = new THREE.MeshStandardMaterial({color: 0x0000FF});
  const box = new THREE.Mesh(geometry, material);
  scene.add(box);

// 平行光源
  const light = new THREE.DirectionalLight(0xFFFFFF);
  light.intensity = 2; // 光の強さを倍に
  light.position.set(1, 1, 1); // ライトの方向
  // シーンに追加
  scene.add(light);

// 初回実行
  tick();

function tick() {
    requestAnimationFrame(tick);

// 箱を回転させる
    box.rotation.x += 0.01;
    box.rotation.y += 0.01;

// レンダリング
    renderer.render(scene, camera);
  }
}</script>