BREAKING CHANGE: vanilla ts three scene setup

src/main.ts

@@ -0,0 +1,31 @@
+import "./style.css";
+
+import * as THREE from "three";
+import { OrbitControls } from "three/addons/controls/OrbitControls.js";
+
+const scene = new THREE.Scene();
+const camera = new THREE.PerspectiveCamera(75, 0, 0.001, 1000);
+const renderer = new THREE.WebGLRenderer();
+
+const controls = new OrbitControls(camera, renderer.domElement);
+
+const handleResize = () => {
+  camera.aspect = window.innerWidth / window.innerHeight;
+  camera.updateProjectionMatrix();
+
+  renderer.setSize(window.innerWidth, window.innerHeight);
+}
+window.addEventListener("resize", handleResize, false);
+handleResize();
+
+
+
+renderer.setAnimationLoop(() => {
+  controls.update();
+    
+  renderer.render(scene, camera);
+});
+
+camera.position.z = 5;
+
+document.body.appendChild(renderer.domElement);

src/style.css

@@ -0,0 +1,3 @@
+body {
+  margin: 0;
+}