react three fiber, drei, sass

1 files changed, 9 insertions, 15 deletions

diff --git a/src/App.jsx b/src/App.jsx
index 2f196f9..ebd5d36 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,21 +1,15 @@
-import { useEffect, useState } from 'react'
-import './App.css'
+import './style.scss'
+import { Canvas } from '@react-three/fiber';
+import ChatBubble from './components/chatbubble';
 
 function App() {
-    const [currentTime, setCurrentTime] = useState(0);
-
-    useEffect(() => {
-        fetch('/api/time').then(res => res.json()).then(data => {
-            setCurrentTime(data.time);
-        });
-    }, []);
-
     return (
-        <div className="App">
-            <header className="App-header">
-                <p>The current time is {currentTime}.</p>
-            </header>
-        </div>
+        <Canvas>
+            <ambientLight intensity={Math.PI / 2} />
+            <spotLight position={[10, 10, 10]} angle={0.15} penumbra={1} decay={0} intensity={Math.PI} />
+            <pointLight position={[-10, -10, -10]} decay={0} intensity={Math.PI} />
+            <ChatBubble position={[0, 0, 0]} />
+        </Canvas>
     )
 }