fix: render globe (#35)

AREA44 · Sep 21, 2023 · 5b01fdb · 5b01fdb
1 parent 7d4fb39
commit 5b01fdb
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/components/Cobe.tsx b/components/Cobe.tsx
@@ -8,7 +8,7 @@ const Cobe = () => {
 
   useEffect(() => {
     let phi = 0
-    let width = 600
+    let width = 0
 
     const onResize = () => {
       if (canvasRef.current) {
@@ -24,7 +24,7 @@ const Cobe = () => {
       width: width * 2,
       height: width * 2,
       phi: 0,
-      theta: -0.1,
+      theta: 0.2,
       dark: 1,
       diffuse: 1.2,
       mapSamples: 16000,
@@ -36,8 +36,6 @@ const Cobe = () => {
       onRender: (state) => {
         state.phi = phi
         phi += 0.005
-        state.width = width * 2
-        state.height = width * 2
       },
     })
 
@@ -56,7 +54,7 @@ const Cobe = () => {
   return (
     <canvas
       ref={canvasRef}
-      style={{ width: '100%', height: '100%', aspectRatio: 1 }}
+      style={{ width: 400, height: 400, aspectRatio: 1 }}
     />
   )
 }