Spaces:

hologramicon
/

3d

Paused

hologramicon commited on Nov 13, 2025

Commit

193fa79

verified ·

1 Parent(s): de7f815

Upload 9 files

Files changed (9) hide show

client/index.html CHANGED Viewed

@@ -1,12 +1 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Neuro Galaxies</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>


1	+ <!DOCTYPE html><html><body><div id='root'></div><script type='module' src='/src/main.tsx'></script></body></html>

client/package.json CHANGED Viewed

@@ -1,23 +1 @@
-{
-  "name": "neuro-client",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "three": "^0.152.2"
-  },
-  "devDependencies": {
-    "typescript": "^5.5.0",
-    "vite": "^5.0.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@types/react": "^18.2.28",
-    "@types/react-dom": "^18.2.11"
-  }
-}


1	+ {"name":"client","private":true,"version":"1.0.0","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"react":"18.2.0","react-dom":"18.2.0","@react-three/fiber":"8.15.10","three":"0.152.2","@react-three/drei":"9.93.0"},"devDependencies":{"vite":"5.0.0","@vitejs/plugin-react":"4.2.1","typescript":"5.5.0"}}

client/src/App.tsx CHANGED Viewed

@@ -1,3 +1 @@
-import React from 'react'
-import Scene from './scene/Scene'
-export default function App(){ return <Scene/> }


1	+ import React from 'react';import Scene from './Scene';export default()=> <Scene/>;

client/src/Scene.tsx ADDED Viewed

+import React,{useRef} from 'react';import {Canvas,useFrame} from '@react-three/fiber';import {OrbitControls} from '@react-three/drei';import * as THREE from 'three';
+function Comet(){
+  const mesh=useRef<THREE.Mesh>(null!);
+  const vel=new THREE.Vector3((Math.random()-0.5)*0.2,(Math.random()-0.5)*0.2,(Math.random()-0.5)*0.2);
+  useFrame(()=>{
+    mesh.current.position.add(vel);
+  });
+  return <mesh ref={mesh}>
+    <sphereGeometry args={[0.12,16,16]}/>
+    <meshBasicMaterial color={'white'} transparent opacity={0.9} />
+  </mesh>;
+}
+function Galaxy(){
+  const group=useRef<THREE.Group>(null!);
+  const nodes=[...Array(20)].map((_,i)=>({
+    pos:[(Math.random()-0.5)*10,(Math.random()-0.5)*5,(Math.random()-0.5)*10]
+  }));
+  return <group ref={group}>
+    {nodes.map((n,i)=>(
+      <mesh key={i} position={n.pos}>
+        <sphereGeometry args={[0.3,12,12]}/>
+        <meshStandardMaterial color={`hsl(${i*20},80%,60%)`}/>
+      </mesh>
+    ))}
+    {Array.from({length:8}).map((_,i)=><Comet key={'c'+i}/>)}
+  </group>;
+}
+export default function Scene(){
+  return <Canvas camera={{position:[0,0,15]}}>
+    <color attach="background" args={['#030610']} />
+    <ambientLight intensity={0.6}/>
+    <directionalLight intensity={0.4} position={[5,10,5]}/>
+    <Galaxy/>
+    <OrbitControls/>
+  </Canvas>;
+}

client/src/main.tsx CHANGED Viewed

@@ -1,5 +1 @@
-import React from 'react'
-import { createRoot } from 'react-dom/client'
-import App from './App'
-import './styles.css'
-createRoot(document.getElementById('root')!).render(<App />)


1	+ import React from 'react';import {createRoot} from 'react-dom/client';import App from './App';createRoot(document.getElementById('root')!).render(<App/>);

client/tsconfig.json CHANGED Viewed

@@ -1,11 +1 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "jsx": "react-jsx",
-    "moduleResolution": "Node",
-    "strict": true,
-    "esModuleInterop": true
-  },
-  "include": ["src"]
-}


1	+ {"compilerOptions":{"jsx":"react-jsx","module":"ESNext","target":"ES2022","moduleResolution":"Node","strict":true},"include":["src"]}

server/package.json CHANGED Viewed

@@ -1,22 +1 @@
-{
-  "name": "neuro-server",
-  "version": "1.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "ts-node-dev --respawn --transpile-only src/index.ts",
-    "build": "tsc -p .",
-    "start": "node dist/index.js"
-  },
-  "dependencies": {
-    "express": "^4.18.2",
-    "cors": "^2.8.5",
-    "dotenv": "^16.3.1",
-    "node-fetch": "^3.4.2"
-  },
-  "devDependencies": {
-    "typescript": "^5.5.0",
-    "ts-node-dev": "^2.0.0",
-    "@types/node": "^20.5.6",
-    "@types/express": "^4.17.21"
-  }
-}


1	+ {"name":"server","type":"module","scripts":{"dev":"ts-node-dev --respawn src/index.ts","build":"tsc -p ."},"dependencies":{"express":"4.18.2","cors":"2.8.5","dotenv":"16.3.1","node-fetch":"3.4.2"},"devDependencies":{"typescript":"5.5.0","ts-node-dev":"2.0.0","@types/node":"20.5.6","@types/express":"4.17.21"}}

server/src/index.ts CHANGED Viewed

@@ -1,11 +1 @@
-import express from 'express'
-import cors from 'cors'
-import dotenv from 'dotenv'
-import apiRouter from './routes/api.js'
-dotenv.config()
-const app = express()
-app.use(cors())
-app.use(express.json())
-app.use('/api', apiRouter)
-const port = Number(process.env.PORT||4000)
-app.listen(port, ()=>{ console.log('server listening', port) })


1	+ import express from 'express';import cors from 'cors';import dotenv from 'dotenv';dotenv.config();const app=express();app.use(cors());app.use(express.json());app.post('/api/generate',(req,res)=>{res.json({ok:true});});app.listen(4000);

server/tsconfig.json CHANGED Viewed

@@ -1,12 +1 @@
-{
-  "compilerOptions": {
-    "outDir": "dist",
-    "rootDir": "src",
-    "module": "ESNext",
-    "target": "ES2022",
-    "moduleResolution": "Node",
-    "strict": true,
-    "esModuleInterop": true
-  },
-  "include": ["src"]
-}


1	+ {"compilerOptions":{"outDir":"dist","rootDir":"src","module":"ESNext","target":"ES2022","strict":true,"moduleResolution":"Node","esModuleInterop":true},"include":["src"]}