import * as THREE from 'three';

function initiate() {
  const canvas = document.getElementById("canvas");
  const width = canvas.width;
  const height = canvas.height;

  const renderer = new THREE.WebGLRenderer({canvas: canvas});
  renderer.setClearColor(0xFFFFFF);

  const scene = new THREE.Scene();
  const camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000);
  camera.position.set(0, 0, 150);

  const geometry = new THREE.SphereGeometry(80, 15, 15);
  const material = new THREE.MeshBasicMaterial({color: 0x000000, wireframe: true});
  const mesh = new THREE.Mesh(geometry, material);
  scene.add(mesh);

  renderer.render(scene, camera);
}
window.addEventListener("DOMContentLoaded", initiate);